Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-15 03:53:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

🚸 调整首页部分图片缓存策略

Browse Source
This commit is contained in:
BTMuli
2026-01-15 13:01:44 +08:00
parent a95c9479cd
commit 1facdb9cec
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/pageHome/ph-pool-card.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="ph-pool-card">
<div class="ph-pool-cover" @click="toPool()">
<TMiImg v-if="cover" :src="cover" alt="cover" :ori="true" />
<img src="/source/UI/empty.webp" class="empty" v-else alt="empty" />
<img v-if="cover" :src="cover" alt="cover" />
<img v-else alt="empty" class="empty" src="/source/UI/empty.webp" />
</div>
<div class="ph-pool-bottom">
<div class="ph-pool-avatars">
@@ -14,10 +14,10 @@
>
<TItemBox
v-if="avatar.info"
:title="avatar.info.name"
:model-value="getBox(avatar.info)"
:title="avatar.info.name"
/>
<TMiImg v-else :src="avatar.icon" alt="icon" :ori="true" />
<img v-else :src="avatar.icon" alt="icon" />
</div>
</div>
<div class="ph-pool-info">
@@ -25,7 +25,7 @@
<v-icon>mdi-calendar-clock</v-icon>
<span>{{ props.pool.start_time }} ~ {{ props.pool.end_time }}</span>
</div>
<v-progress-linear color="var(--tgc-od-green)" :model-value="percent" :rounded="true" />
<v-progress-linear :model-value="percent" :rounded="true" color="var(--tgc-od-green)" />
<div v-if="restTs > durationTs" class="ph-pool-stat">未开始</div>
<div v-else-if="restTs > 0" class="ph-pool-stat">
剩余时间：{{ stamp2LastTime(restTs) }}
@@ -37,7 +37,6 @@
</template>
<script lang="ts" setup>
import TItemBox, { TItemBoxData } from "@comp/app/t-itemBox.vue";
import TMiImg from "@comp/app/t-mi-img.vue";
import showSnackbar from "@comp/func/snackbar.js";
import postReq from "@req/postReq.js";
import useHomeStore from "@store/home.js";

3
src/components/pageHome/ph-pos-user.vue
View File

@@ -106,14 +106,13 @@
@click="showMaterial(reward)"
>
<img :src="`/icon/bg/${reward.rarity}-Star.webp`" alt="bg" class="bg" />
<TMiImg :alt="reward.name" :ori="true" :src="reward.icon" class="icon" />
<img :alt="reward.name" :src="reward.icon" class="icon" />
<span v-if="reward.num > 0" class="count">{{ reward.num }}</span>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import TMiImg from "@comp/app/t-mi-img.vue";
import gameEnum from "@enum/game.js";
import { getHardChallengeDesc } from "@Sql/utils/transUserRecord.js";
import { generateShareImg } from "@utils/TGShare.js";