From cfbef0b2517d63d2ac7c493e194f3e35d5972da8 Mon Sep 17 00:00:00 2001
From: Lansong <2095621390@qq.com>
Date: Sun, 14 Apr 2024 16:09:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E8=AF=84=E8=AE=BA?=
 =?UTF-8?q?=E7=82=B9=E8=B5=9E=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/posts/comment.vue | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/views/posts/comment.vue b/src/views/posts/comment.vue
index 850ae53..c9e5611 100644
--- a/src/views/posts/comment.vue
+++ b/src/views/posts/comment.vue
@@ -32,11 +32,19 @@
                     <p class="comment">{{commentBlock.comment.content}}</p>
                     <div class="footer">
                         <span class="time">{{turnTime(commentBlock.comment.createTime)}}</span>
-                        <span class="agree" v-if="!commentBlock.comment.commentRelation.liked" @click="likeComment(commentBlock.comment)">
+                        <span
+                            class="agree"
+                            v-if="!commentBlock.comment.commentRelation.liked"
+                            @click="likeComment(commentBlock.comment)"
+                        >
                             <i class="iconfont icon-appreciate_light"></i>
                             <span>{{ commentBlock.comment.like }}</span>
                         </span>
-                        <span class="agree" v-if="commentBlock.comment.commentRelation.liked" @click="unLikeComment(commentBlock.comment)">
+                        <span
+                            class="agree-like"
+                            v-if="commentBlock.comment.commentRelation.liked"
+                            @click="unLikeComment(commentBlock.comment)"
+                        >
                             <i class="iconfont icon-appreciate_light"></i>
                             <span>{{ commentBlock.comment.like }}</span>
                         </span>
@@ -63,7 +71,19 @@
                                 </div>
                                 <div class="footer">
                                     <span class="time">{{turnTime(reply.createTime)}}</span>
-                                    <span class="agree">
+                                    <span
+                                        class="agree"
+                                        v-if="!reply.commentRelation.liked"
+                                        @click="likeComment(reply)"
+                                    >
+                                        <i class="iconfont icon-appreciate_light"></i>
+                                        <span>{{ reply.like }}</span>
+                                    </span>
+                                  <span
+                                      class="agree-like"
+                                      v-else
+                                      @click="unLikeComment(reply)"
+                                  >
                                         <i class="iconfont icon-appreciate_light"></i>
                                         <span>{{ reply.like }}</span>
                                     </span>
@@ -406,6 +426,15 @@ const submitComment = async (subjectId: string,rootId: string, fatherId: string,
                             margin-right: 3px;
                         }
                     }
+                    .agree-like {
+                      margin-right: 10px;
+                      cursor: pointer;
+
+                      i {
+                        color: #7baaef;
+                        margin-right: 3px;
+                      }
+                    }
                 }
 
                 .reply-item {