fix(默认图片): 处理默认图片的展示问题

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"

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;
+                  margin: -20px 0;
-                  padding: 10px 10%;
+                  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)

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%;