From f07ea7f9ce1e213addb9df00aec053945e909d3f Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Tue, 16 Aug 2022 02:12:52 +0800 Subject: [PATCH] 表情导入 --- src/components/mini/box12-comment.vue | 31 +++++++++++++++++++++++++++---- 1 files changed, 27 insertions(+), 4 deletions(-) diff --git a/src/components/mini/box12-comment.vue b/src/components/mini/box12-comment.vue index 4137c73..f3b4792 100644 --- a/src/components/mini/box12-comment.vue +++ b/src/components/mini/box12-comment.vue @@ -1,12 +1,20 @@ <template> <div> - <replyBox ref="commentBoxId" v-bind="$attrs" @sendMsg="sendMsg()"></replyBox> + <a-collapse v-if="foldReply"> + <a-collapse-panel key="replyPanel" header="回复"> + <replyBox ref="commentBoxId" v-bind="$attrs" @sendMsg="sendMsg()"></replyBox> + </a-collapse-panel> + </a-collapse> + <div v-else> + <replyBox ref="commentBoxId" v-bind="$attrs" @sendMsg="sendMsg()"></replyBox> + </div> + <a-modal v-model="visible" :title="replyTaget" :footer="null" :bodyStyle="{'overflow':'overlay','maxHeight': '550px','scrollbarWidth': 'none'}"> <replyBox ref="replyBoxId" v-bind="$attrs" @sendMsg="sendMsg()"></replyBox> </a-modal> - <div class="mySecret" style="max-height:350px ;" v-if="commentListData.length==0"> + <div class="mySecret" style="max-height:250px ;" v-if="commentListData.length==0"> <p>空空如也..</p> </div> <div v-for="temp in commentListData" class="commentList"> @@ -33,7 +41,7 @@ <div class="samllPadding">:</div> </div> - <p slot="content">{{temp.commentContent}}</p> + <p :id="temp.id" slot="content" v-html="temp.commentContent" class="myContent"></p> <a-comment v-for="tempData in temp.replyList"> <div slot="actions" key="comment-nested-reply-to" class="actionList"> @@ -67,7 +75,7 @@ </a-tooltip> </div> </div> - <p slot="content">{{tempData.commentContent}}</p> + <p :id="tempData.id" slot="content">{{tempData.commentContent}}</p> </a-comment> </a-comment> @@ -99,6 +107,11 @@ export default { components: { replyBox + }, + props: { + "foldReply": { + default: false, + }, }, methods: { updateCommentList(articleId) { @@ -167,6 +180,12 @@ </script> <style lang="less"> + .myContent img { + margin-bottom: -0.125rem; + img min-height: 3.5rem; + height: 3em; + } + .samllPadding { padding: 0px 3px 5px; } @@ -215,6 +234,10 @@ user-select: none; } + .ant-comment-nested { + margin-left: 20px; + } + .ant-comment-avatar { cursor: default; } -- Gitblit v1.9.1