From 2db958f8c900e441f837fe917de8319db613923c Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Fri, 17 Oct 2025 10:52:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B5=9E=E8=B5=8Fui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/BaseUserAvatar.vue |   2 +-
 frontend_nuxt/components/DonateGroup.vue    |  57 +++++++++++++++-----
 frontend_nuxt/pages/message-box/index.vue   |   4 +-
 frontend_nuxt/public/default-avatar.jpg     | Bin 0 -> 3672 bytes
 frontend_nuxt/public/default-avatar.svg     |   1 -
 5 files changed, 46 insertions(+), 18 deletions(-)
 create mode 100644 frontend_nuxt/public/default-avatar.jpg
 delete mode 100644 frontend_nuxt/public/default-avatar.svg

diff --git a/frontend_nuxt/components/BaseUserAvatar.vue b/frontend_nuxt/components/BaseUserAvatar.vue
index 8d4443250..cb7c61617 100644
--- a/frontend_nuxt/components/BaseUserAvatar.vue
+++ b/frontend_nuxt/components/BaseUserAvatar.vue
@@ -15,7 +15,7 @@ import { computed, ref, watch } from 'vue'
 import { useAttrs } from 'vue'
 import BaseImage from './BaseImage.vue'
 
-const DEFAULT_AVATAR = '/default-avatar.svg'
+const DEFAULT_AVATAR = '/default-avatar.jpg'
 
 const props = defineProps({
   userId: {
diff --git a/frontend_nuxt/components/DonateGroup.vue b/frontend_nuxt/components/DonateGroup.vue
index 9ea90f140..720236269 100644
--- a/frontend_nuxt/components/DonateGroup.vue
+++ b/frontend_nuxt/components/DonateGroup.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="donate-container">
-    <ToolTip content="打赏作者" placement="bottom">
+    <ToolTip content="打赏作者" placement="bottom" v-if="donateItems.length > 0">
       <div class="donate-viewer" @click="openPanel">
         <div
           class="donate-viewer-item-container"
@@ -22,6 +22,11 @@
         </div>
       </div>
     </ToolTip>
+    <ToolTip content="赞赏作者" placement="bottom" v-else>
+      <div class="donate-viewer-item placeholder" @click="openPanel">
+        <financing class="donate-viewer-item-placeholder-icon" />
+      </div>
+    </ToolTip>
     <div
       v-if="panelVisible"
       class="donate-panel"
@@ -38,7 +43,7 @@
         <financing class="donate-option-icon" />
         <div class="donate-counts-text">30</div>
       </div>
-      <div class="donate-option selected">
+      <div class="donate-option">
         <financing class="donate-option-icon" />
         <div class="donate-counts-text">100</div>
       </div>
@@ -47,6 +52,7 @@
 </template>
 
 <script setup>
+import { Finance } from '@icon-park/vue-next'
 import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 
 const emit = defineEmits(['update:modelValue'])
@@ -58,18 +64,18 @@ const panelVisible = ref(false)
 const donatePanelRef = ref(null)
 const panelInlineStyle = ref({})
 const donateItems = ref([
-  {
-    id: 1,
-    count: 100,
-  },
-  {
-    id: 2,
-    count: 300,
-  },
-  {
-    id: 3,
-    count: 500,
-  },
+  // {
+  //   id: 1,
+  //   count: 100,
+  // },
+  // {
+  //   id: 2,
+  //   count: 300,
+  // },
+  // {
+  //   id: 3,
+  //   count: 500,
+  // },
 ])
 let hideTimer = null
 
@@ -174,6 +180,29 @@ onBeforeUnmount(() => {
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
 }
 
+.donate-viewer-item.placeholder {
+  display: flex;
+  cursor: pointer;
+  flex-direction: row;
+  padding: 2px 10px;
+  gap: 5px;
+  border: 1px solid var(--normal-border-color);
+  border-radius: 10px;
+  margin-right: 5px;
+  font-size: 14px;
+  color: var(--text-color);
+  align-items: center;
+  background-color: var(--normal-light-background-color);
+}
+
+.donate-viewer-item {
+  font-size: 16px;
+}
+
+.donate-viewer-item-placeholder-icon {
+  opacity: 0.5;
+}
+
 .donate-option {
   cursor: pointer;
   padding: 3px 6px;
diff --git a/frontend_nuxt/pages/message-box/index.vue b/frontend_nuxt/pages/message-box/index.vue
index 75b30406d..8b384352e 100644
--- a/frontend_nuxt/pages/message-box/index.vue
+++ b/frontend_nuxt/pages/message-box/index.vue
@@ -84,7 +84,7 @@
           >
             <div class="conversation-avatar">
               <BaseImage
-                :src="ch.avatar || '/default-avatar.svg'"
+                :src="ch.avatar || '/default-avatar.jpg'"
                 :alt="ch.name"
                 class="avatar-img"
                 @error="handleAvatarError"
@@ -194,7 +194,7 @@ function formatTime(timeString) {
 
 // 头像加载失败处理
 function handleAvatarError(event) {
-  event.target.src = '/default-avatar.svg'
+  event.target.src = '/default-avatar.jpg'
 }
 
 async function fetchChannels() {
diff --git a/frontend_nuxt/public/default-avatar.jpg b/frontend_nuxt/public/default-avatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..402804fcedd6ec0b90343256dba2544eea06ac54
GIT binary patch
literal 3672
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
SwfMEg9lK7(f4)_Jr~d=t_}|q4

literal 0
HcmV?d00001

diff --git a/frontend_nuxt/public/default-avatar.svg b/frontend_nuxt/public/default-avatar.svg
deleted file mode 100644
index 5b773a4ca..000000000
--- a/frontend_nuxt/public/default-avatar.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1755789348718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13787" width="400" height="400"><path d="M152.773168 306.474932h45.030559c37.525466 0 56.288199 18.762733 56.288198 56.288198v45.024199c0 37.525466-18.762733 56.288199-56.288198 56.288199h-45.030559c-37.525466 0-56.281839-18.762733-56.281839-56.288199v-45.030559c0-37.525466 18.762733-56.288199 56.288199-56.288199z" fill="#4D4132" p-id="13788"></path><path d="M409.294708 763.229814h228.968944v146.285714c0 63.22723-51.263602 114.484472-114.484472 114.484472-63.23359 0-114.484472-51.257242-114.484472-114.484472v-146.285714z" fill="#C5AC95" p-id="13789"></path><path d="M73.97605 520.357366c0 55.957466 45.361292 101.318758 101.318757 101.318758 55.951106 0 101.312398-45.361292 101.312398-101.318758 0-55.951106-45.361292-101.312398-101.318758-101.312397-55.951106 0-101.312398 45.361292-101.312397 101.318758z" fill="#C9AB90" p-id="13790"></path><path d="M490.48964 2.531379c186.520646 0 337.710112 151.195826 337.710112 337.716472v382.740671c0 99.474286-80.63523 180.109516-180.109516 180.109515H287.858484c-74.599354 0-135.078957-60.485963-135.078956-135.085317V340.247851C152.773168 153.727205 303.968994 2.531379 490.48964 2.531379z" fill="#EBD3BD" p-id="13791"></path><path d="M400.434882 509.099727c124.342857 0 225.140075 93.241242 225.140075 208.259975 0 5.679702-0.25441 11.308522-0.731429 16.880099H176.019876a195.278708 195.278708 0 0 1-0.731429-16.880099c0-115.018733 100.797217-208.259975 225.146435-208.259975zM805.684472 306.474932h45.030559c37.525466 0 56.288199 18.762733 56.288199 56.288198v45.024199c0 37.525466-18.762733 56.288199-56.288199 56.288199h-45.030559c-37.525466 0-56.288199-18.762733-56.288199-56.288199v-45.030559c0-37.525466 18.762733-56.288199 56.288199-56.288199z" fill="#4D4132" p-id="13792"></path><path d="M749.402634 520.357366c0 55.957466 45.361292 101.318758 101.312397 101.318758s101.318758-45.361292 101.318758-101.318758c0-55.951106-45.367652-101.312398-101.318758-101.312397s-101.318758 45.361292-101.318758 101.318758z" fill="#EBD3BD" p-id="13793"></path><path d="M805.684472 509.099727a45.030559 45.030559 0 1 0 90.061118 0.01908 45.030559 45.030559 0 0 0-90.061118-0.01908z" fill="#E89E80" p-id="13794"></path><path d="M175.288447 374.01441a90.061118 90.061118 0 1 0 180.115876 0c0-49.737143-40.323975-90.054758-90.061118-90.054758s-90.054758 40.323975-90.054758 90.061118z" fill="#FFFFFF" p-id="13795"></path><path d="M220.319006 379.64323a39.401739 39.401739 0 1 0 78.803478 0 39.401739 39.401739 0 0 0-78.803478 0z" fill="#514141" p-id="13796"></path><path d="M490.48964 374.01441c0 49.737143 40.323975 90.061118 90.061118 90.061118s90.048398-40.323975 90.048397-90.061118-40.317615-90.054758-90.054757-90.054758-90.061118 40.323975-90.061118 90.061118z" fill="#FFFFFF" p-id="13797"></path><path d="M535.520199 379.64323a39.401739 39.401739 0 1 0 78.797118 0 39.401739 39.401739 0 0 0-78.803478 0z" fill="#514141" p-id="13798"></path><path d="M394.806062 362.75677a40.18405 40.18405 0 0 1 37.754435 26.458634l41.99036 115.47031A78.803478 78.803478 0 0 1 400.504845 610.412124h-17.789615a78.803478 78.803478 0 0 1-72.920249-108.633043l46.207205-112.970733a41.920398 41.920398 0 0 1 38.797516-26.051578z" fill="#E89E80" p-id="13799"></path><path d="M165.36646 190.807453m38.16149 0l101.763975 0q38.161491 0 38.161491 38.161491l0 0q0 38.161491-38.161491 38.161491l-101.763975 0q-38.161491 0-38.16149-38.161491l0 0q0-38.161491 38.16149-38.161491Z" fill="#4D4132" p-id="13800"></path><path d="M483.378882 190.807453m38.161491 0l127.204969 0q38.161491 0 38.16149 38.161491l0 0q0 38.161491-38.16149 38.161491l-127.204969 0q-38.161491 0-38.161491-38.161491l0 0q0-38.161491 38.161491-38.161491Z" fill="#4D4132" p-id="13801"></path></svg>
\ No newline at end of file