Commit c1c98c3f authored by 罗林杰's avatar 罗林杰

修改动态

parent a06a6a97
...@@ -210,13 +210,13 @@ ...@@ -210,13 +210,13 @@
<div class="commentsSection"> <div class="commentsSection">
<ul v-if="form.articleCommentVOList" class="commentTree"> <ul v-if="form.articleCommentVOList" class="commentTree">
<li v-for="(comment, index) in form.articleCommentVOList" :key="index" class="commentItem"> <li v-for="(comment, index) in form.articleCommentVOList" :key="index" class="commentItem">
<div v-if="index !== null" style="border-top: 1px solid #dadada; margin: 5px 0 5px;" /> <div v-if="index !== null" style="border-top: 1px solid #dadada; margin: 5px 0 7px;" />
<div style="display: flex; justify-content: space-between; align-items: center;" class="commentHeader"> <div style="display: flex; justify-content: space-between; align-items: center;" class="commentHeader">
<div style="display: flex; align-items: center;padding-bottom: 10px"> <div style="display: flex; align-items: center;padding-bottom: 10px">
<img style="margin-top: -40px" :src="comment.avatarUrl" alt="Avatar" class="avatarSize"> <img style="margin-top: -40px" :src="comment.avatarUrl" alt="Avatar" class="avatarSize">
<div style="padding-left: 10px"> <div style="padding-left: 10px">
<span style="font-size: 15px;font-weight: bold">{{ comment.memCode }}:</span> <span style="font-size: 15px;font-weight: bold">{{ comment.memCode }}:</span>
<div style="flex: 1;margin-left:5px;margin-top: 10px "> <div style="flex: 1;margin-top: 10px ">
<template> <template>
<span>{{ comment.content }}</span> <span>{{ comment.content }}</span>
</template> </template>
...@@ -230,13 +230,13 @@ ...@@ -230,13 +230,13 @@
</div> </div>
<ul v-if="comment.childrenCommentList && comment.childrenCommentList.length > 0" class="replies"> <ul v-if="comment.childrenCommentList && comment.childrenCommentList.length > 0" class="replies">
<li v-for="(reply, replyIndex) in comment.childrenCommentList" :key="replyIndex" class="replyItem"> <li v-for="(reply, replyIndex) in comment.childrenCommentList" :key="replyIndex" class="replyItem">
<div v-if="replyIndex !== null" style="border-top: 1px solid #dadada; margin: 5px 0 ;" /> <div v-if="replyIndex !== null" style="border-top: 1px solid #dadada; margin: 5px 0 7px;" />
<div style="display: flex; justify-content: space-between; align-items: center;" class="commentHeader"> <div style="display: flex; justify-content: space-between; align-items: center;" class="commentHeader">
<div style="display: flex; align-items: center;"> <div style="display: flex; align-items: center;">
<img style="margin-top: -40px" :src="reply.avatarUrl" alt="Avatar" class="avatarSize"> <img style="margin-top: -40px" :src="reply.avatarUrl" alt="Avatar" class="avatarSize">
<div style="padding-left: 10px"> <div style="padding-left: 10px">
<span style="font-size: 15px;font-weight: bold">{{ reply.memCode }}:</span> <span style="font-size: 15px;font-weight: bold">{{ reply.memCode }}:</span>
<div style="flex: 1;margin-left:5px;margin-top: 10px "> <div style="flex: 1;margin-top: 10px ">
<template> <template>
<span>{{ reply.content }}</span> <span>{{ reply.content }}</span>
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment