fix(loading): 加了个空白图标上去

This commit is contained in:
BTMuli
2023-03-24 14:20:51 +08:00
parent b260c2538a
commit 22ebabfd12
3 changed files with 10 additions and 3 deletions

BIN
public/source/UI/empty.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View File

@@ -3,12 +3,15 @@
<div class="loading-content">
<div class="loading-title">
{{ props.title }}
<v-progress-circular indeterminate color="#f4d8a8" />
<v-progress-circular indeterminate color="#f4d8a8" v-show="!props.empty" />
</div>
<div class="loading-subtitle" v-show="props.subtitle">{{ props.subtitle }}</div>
<div class="loading-img">
<div class="loading-img" v-if="!props.empty">
<img src="/source/UI/loading.webp" alt="loading" />
</div>
<div class="loading-img" v-else>
<img src="/source/UI/empty.webp" alt="empty" />
</div>
<div class="loading-text" v-show="props.content">{{ props.content }}</div>
</div>
</div>
@@ -25,6 +28,10 @@ const props = defineProps({
content: {
type: String,
},
empty: {
type: Boolean,
default: false,
},
});
</script>
<style lang="css">

View File

@@ -4,7 +4,7 @@
</div>
<div v-else>
<div v-if="empty">
<!-- todo 放个空白图 -->
<t-loading title="暂无卡池信息" empty />
</div>
<div v-else class="pool-cards">
<v-card v-for="pool in poolInfo" class="Home-card">