Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-14 09:38:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐛 修复banner为空时的渲染异常

Browse Source
This commit is contained in:
目棃
2024-10-11 17:53:20 +08:00
parent 67aa3b7363
commit 631fbfc29c
2 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/main/t-annocard.vue
View File

@@ -2,7 +2,12 @@
<div :id="`anno_card_${props.modelValue.id}`" class="anno-card">
<div class="anno-cover" :title="props.modelValue.title">
<img :src="localBanner" alt="cover" @click="createAnno" v-if="localBanner" />
<v-progress-circular color="primary" :indeterminate="true" />
<v-progress-circular
color="primary"
:indeterminate="true"
v-else-if="props.modelValue.banner !== ''"
/>
<img src="/source/UI/defaultCover.webp" alt="cover" v-else />
<div class="anno-info">
<div class="anno-time">
<v-icon>mdi-clock-time-four-outline</v-icon>
@@ -39,7 +44,9 @@ const localBanner = ref<string>();
const localTag = ref<string>();
onMounted(async () => {
localBanner.value = await saveImgLocal(props.modelValue.banner);
if (props.modelValue.banner !== "") {
localBanner.value = await saveImgLocal(props.modelValue.banner);
}
localTag.value = await saveImgLocal(props.modelValue.tagIcon);
});
@@ -48,10 +55,14 @@ watch(
async () => {
if (localBanner.value && localBanner.value.startsWith("blob:")) {
URL.revokeObjectURL(localBanner.value);
localBanner.value = undefined;
}
if (props.modelValue.banner !== "") {
localBanner.value = await saveImgLocal(props.modelValue.banner);
}
localBanner.value = await saveImgLocal(props.modelValue.banner);
if (localTag.value && localTag.value.startsWith("blob:")) {
URL.revokeObjectURL(localTag.value);
localTag.value = undefined;
}
localTag.value = await saveImgLocal(props.modelValue.tagIcon);
},