From d13ee2257fd474ba71246c1c656e86fbbd667754 Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Fri, 5 Sep 2025 18:01:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A1=A8=E6=83=85=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/ReactionsGroup.vue | 5 ++---
 frontend_nuxt/plugins/iconpark.client.ts    | 6 ++++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend_nuxt/components/ReactionsGroup.vue b/frontend_nuxt/components/ReactionsGroup.vue
index d4f658e52..feeac2adf 100644
--- a/frontend_nuxt/components/ReactionsGroup.vue
+++ b/frontend_nuxt/components/ReactionsGroup.vue
@@ -19,8 +19,7 @@
           </div>
 
           <div class="reactions-viewer-item placeholder" @click="openPanel">
-            <face-without-mouth class="reactions-viewer-item-placeholder-icon" />
-            <!-- <span class="reactions-viewer-item-placeholder-text">点击以表态</span> -->
+            <sly-face-whit-smile class="reactions-viewer-item-placeholder-icon" />
           </div>
         </template>
         <template v-else-if="displayedReactions.length">
@@ -42,7 +41,7 @@
         class="make-reaction-item like-reaction"
         @click="toggleReaction('LIKE')"
       >
-        <i v-if="!userReacted('LIKE')" class="far fa-heart"></i>
+        <like v-if="!userReacted('LIKE')" />
         <i v-else class="fas fa-heart"></i>
         <span class="reactions-count" v-if="likeCount">{{ likeCount }}</span>
       </div>
diff --git a/frontend_nuxt/plugins/iconpark.client.ts b/frontend_nuxt/plugins/iconpark.client.ts
index 641410beb..6f697c87d 100644
--- a/frontend_nuxt/plugins/iconpark.client.ts
+++ b/frontend_nuxt/plugins/iconpark.client.ts
@@ -20,7 +20,8 @@ import {
   MoreOne,
   Comment,
   Link,
-  FaceWithoutMouth,
+  SlyFaceWhitSmile,
+  Like,
 } from '@icon-park/vue-next'
 
 export default defineNuxtPlugin((nuxtApp) => {
@@ -44,5 +45,6 @@ export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.component('MoreOne', MoreOne)
   nuxtApp.vueApp.component('CommentIcon', Comment)
   nuxtApp.vueApp.component('LinkIcon', Link)
-  nuxtApp.vueApp.component('FaceWithoutMouth', FaceWithoutMouth)
+  nuxtApp.vueApp.component('SlyFaceWhitSmile', SlyFaceWhitSmile)
+  nuxtApp.vueApp.component('Like', Like)
 })