From 02d366e2c7808cecba8dd91c6ed70744e7e3d5a5 Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Mon, 25 Aug 2025 17:06:44 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=94=AF=E6=8C=81=E5=9B=9E=E5=A4=8D/rea?=
 =?UTF-8?q?ctions?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/ReactionsGroup.vue | 12 ++++++++++--
 frontend_nuxt/pages/message-box/[id].vue    |  7 ++++---
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/frontend_nuxt/components/ReactionsGroup.vue b/frontend_nuxt/components/ReactionsGroup.vue
index fefd10287..697cc81e0 100644
--- a/frontend_nuxt/components/ReactionsGroup.vue
+++ b/frontend_nuxt/components/ReactionsGroup.vue
@@ -19,7 +19,7 @@
           </div>
 
           <div class="reactions-viewer-item placeholder" @click="openPanel">
-            <i class="far fa-smile"></i>
+            <i class="far fa-smile reactions-viewer-item-placeholder-icon"></i>
             <!-- <span class="reactions-viewer-item-placeholder-text">点击以表态</span> -->
           </div>
         </template>
@@ -37,7 +37,11 @@
       </div>
     </div>
     <div class="make-reaction-container">
-      <div class="make-reaction-item like-reaction" @click="toggleReaction('LIKE')">
+      <div
+        v-if="props.contentType !== 'message'"
+        class="make-reaction-item like-reaction"
+        @click="toggleReaction('LIKE')"
+      >
         <i v-if="!userReacted('LIKE')" class="far fa-heart"></i>
         <i v-else class="fas fa-heart"></i>
         <span class="reactions-count" v-if="likeCount">{{ likeCount }}</span>
@@ -238,6 +242,10 @@ onMounted(async () => {
   font-size: 16px;
 }
 
+.reactions-viewer-item-placeholder-icon {
+  opacity: 0.5;
+}
+
 .reactions-viewer-item-placeholder-text {
   font-size: 14px;
   padding-left: 5px;
diff --git a/frontend_nuxt/pages/message-box/[id].vue b/frontend_nuxt/pages/message-box/[id].vue
index d16e1ebf2..0ecf3e5a4 100644
--- a/frontend_nuxt/pages/message-box/[id].vue
+++ b/frontend_nuxt/pages/message-box/[id].vue
@@ -43,7 +43,7 @@
               :content-id="item.id"
               @update:modelValue="(v) => (item.reactions = v)"
             >
-              <div class="reply-btn" @click="setReply(item)">回复</div>
+              <i class="fas fa-reply reply-btn" @click="setReply(item)"> 写个回复...</i>
             </ReactionsGroup>
           </template>
         </BaseTimeline>
@@ -552,7 +552,7 @@ onUnmounted(() => {
 
 .reply-preview {
   padding: 5px 10px;
-  border-left: 2px solid var(--primary-color);
+  border-left: 5px solid var(--primary-color);
   margin-bottom: 5px;
   font-size: 13px;
 }
@@ -566,6 +566,7 @@ onUnmounted(() => {
   cursor: pointer;
   padding: 4px;
   opacity: 0.6;
+  font-size: 12px;
 }
 
 .reply-btn:hover {
@@ -575,7 +576,7 @@ onUnmounted(() => {
 .active-reply {
   background-color: var(--bg-color-soft);
   padding: 5px 10px;
-  border-left: 3px solid var(--primary-color);
+  border-left: 5px solid var(--primary-color);
   margin-bottom: 5px;
   font-size: 13px;
 }