...
|
...
|
@@ -38,15 +38,11 @@ |
|
|
:user="reply.userName"
|
|
|
:column-type="columnType"
|
|
|
@on-comment="() => onReply({destId: parentComment.id})">
|
|
|
<span class="reply-user">
|
|
|
{{reply.userName}}
|
|
|
</span>
|
|
|
<span v-if="reply.parentUserName">
|
|
|
回复<em class="reply-to-user">@{{reply.parentUserName}}</em>
|
|
|
</span>:
|
|
|
<span>
|
|
|
{{reply.content}}
|
|
|
</span>
|
|
|
<span class="reply-user">{{reply.userName}}</span>
|
|
|
<template v-if="reply.parentUserName">
|
|
|
<span>回复</span><em class="reply-to-user">@{{reply.parentUserName}}</em>
|
|
|
</template>:
|
|
|
<span>{{reply.content}}</span>
|
|
|
</CommentPlaceholder>
|
|
|
<p class="reply-more" v-if="moreReplyNum > 0" @click="onShowMore">
|
|
|
{{replyMoreText}}
|
...
|
...
|
@@ -211,6 +207,19 @@ export default { |
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
> * {
|
|
|
display: inline-block;
|
|
|
vertical-align: text-top;
|
|
|
}
|
|
|
|
|
|
.reply-user,
|
|
|
.reply-to-user {
|
|
|
max-width: 230px;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
.reply-to-user {
|
|
|
color: #4a90e2;
|
|
|
font-style: normal;
|
...
|
...
|
|