From b72b2ea324a3ab0e94b987bf98024bd884d25f33 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Tue, 16 Aug 2022 01:28:24 +0800 Subject: [PATCH] 调整子评论间距 --- src/components/mini/box12-comment.vue | 27 +++++++++++++++++++++++++-- 1 files changed, 25 insertions(+), 2 deletions(-) diff --git a/src/components/mini/box12-comment.vue b/src/components/mini/box12-comment.vue index 8749aff..f3b4792 100644 --- a/src/components/mini/box12-comment.vue +++ b/src/components/mini/box12-comment.vue @@ -1,6 +1,14 @@ <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> @@ -33,7 +41,7 @@ <div class="samllPadding">:</div> </div> - <p :id="temp.id" 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"> @@ -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