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%; " >
- +
@@ -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 //防止循环