From dac67869d571d0bf9bb84502cfdf91082b1f30e3 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 22 Sep 2025 17:29:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E9=BB=98=E8=AE=A4=E5=9B=BE=E7=89=87):=20?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E9=BB=98=E8=AE=A4=E5=9B=BE=E7=89=87=E7=9A=84?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/WeeklyStar/topUser.vue |  2 +-
 src/views/TopList/TopList.vue         | 16 ++++++++++++----
 src/views/WeeklyStar/WeeklyStar.vue   |  6 +++---
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/WeeklyStar/topUser.vue b/src/components/WeeklyStar/topUser.vue
index a297aa8..5310e6c 100644
--- a/src/components/WeeklyStar/topUser.vue
+++ b/src/components/WeeklyStar/topUser.vue
@@ -23,7 +23,7 @@
       >
         <div :style="{ width: isTopOne ? '50%' : '80%' }">
           <img
-            :src="avatarUrl"
+            :src="avatarUrl || ''"
             alt=""
             width="100%"
             style="border-radius: 50%; aspect-ratio: 1/1; object-fit: cover"
diff --git a/src/views/TopList/TopList.vue b/src/views/TopList/TopList.vue
index b19b29c..372beae 100644
--- a/src/views/TopList/TopList.vue
+++ b/src/views/TopList/TopList.vue
@@ -256,9 +256,10 @@
                     "
                   >
                     <img
-                      :src="listItem.userAvatar"
+                      :src="listItem.userAvatar || ''"
                       alt=""
                       style="width: 90%; aspect-ratio: 1/1; border-radius: 50%; object-fit: cover"
+                      @error="defaultAvatarUrl"
                     />
                   </div>
 
@@ -458,8 +459,8 @@
                 style="
                   background-size: 100% 100%;
                   min-height: 20px;
-                  margin: -10px 0;
-                  padding: 10px 10%;
+                  margin: -20px 0;
+                  padding: 20px 10%;
                 "
                 :style="{ backgroundImage: `url(${images['border-item']})` }"
               >
@@ -531,7 +532,7 @@
                             "
                           >
                             <img
-                              :src="reward.cover || '/src/assets/icon/coin.png'"
+                              :src="reward.cover || ''"
                               alt=""
                               width="50%"
                               style="aspect-ratio: 1/1"
@@ -831,6 +832,13 @@ const handleImageError = (e, type) => {
   }
 }
 
+// 头像资源出错处理
+const defaultAvatarUrl = (e) => {
+  console.log('头像资源出错')
+  e.target.onerror = null //防止循环
+  e.target.src = new URL('/src/assets/images/WeeklyStar/defaultAvatar.png', import.meta.url).href
+}
+
 // 获取俩榜单
 const getTopList = async (params) => {
   const resWeekTopList = await getWeekTopList(params)
diff --git a/src/views/WeeklyStar/WeeklyStar.vue b/src/views/WeeklyStar/WeeklyStar.vue
index 5cd03be..ab5ad7a 100644
--- a/src/views/WeeklyStar/WeeklyStar.vue
+++ b/src/views/WeeklyStar/WeeklyStar.vue
@@ -269,7 +269,7 @@
                 >
                   <!-- gift图 -->
                   <img
-                    :src="gift.cover"
+                    :src="gift.cover || ''"
                     alt=""
                     style="width: 50%; display: block"
                     @error="(e) => handleImageError(e, gift.type)"
@@ -444,7 +444,7 @@
           <div style="color: #edb247; font-weight: 700">{{ myRanking.rank || 999 }}</div>
           <!-- 头像 -->
           <img
-            :src="myRanking.userAvatar"
+            :src="myRanking.userAvatar || ''"
             alt=""
             style="
               width: 30%;
@@ -538,7 +538,7 @@
                 style="height: 100%; display: flex; justify-content: center; align-items: center"
               >
                 <img
-                  :src="showTopOne.userAvatar"
+                  :src="showTopOne.userAvatar || ''"
                   alt=""
                   style="
                     width: 50%;