diff --git a/src/views/TopList/TopList.vue b/src/views/TopList/TopList.vue
index 6daa851..a432efe 100644
--- a/src/views/TopList/TopList.vue
+++ b/src/views/TopList/TopList.vue
@@ -508,6 +508,7 @@
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3%;
+ margin-bottom: 3%;
"
>
-
![]()
+
![]()
handleImageError(e, reward.type)"
+ />
@@ -540,7 +547,7 @@
text-align: center;
"
>
- {{ reward.name }}
+ {{ showDetail(reward.type, reward) }}
@@ -805,6 +812,25 @@ const getCountdown = () => {
Second.value = formatTime(Math.floor(totalSeconds % 60)) //取一分钟内余留秒数,并取整
}
+// 格式化奖励的展示信息
+const showDetail = (type, reward) => {
+ let showamount = ['GOLD', 'DIAMOND', 'GIFT', 'FRAGMENTS']
+ if (showamount.includes(type)) {
+ return reward.content
+ } else {
+ return `${reward.quantity}Days`
+ }
+}
+
+// 奖励图片资源出错处理
+const handleImageError = (e, type) => {
+ console.log('图片资源出错')
+ e.target.onerror = null //防止循环
+ if ((type = 'GOLD')) {
+ e.target.src = new URL('/src/assets/icon/coin.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 760027d..f40f6c4 100644
--- a/src/views/WeeklyStar/WeeklyStar.vue
+++ b/src/views/WeeklyStar/WeeklyStar.vue
@@ -842,7 +842,7 @@ const showRanking = computed(() => {
return Ranking.value.filter((_, index) => index >= 3)
})
-// 图片资源出错处理
+// 奖励图片资源出错处理
const handleImageError = (e, type) => {
console.log('图片资源出错')
e.target.onerror = null //防止循环