mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
fix(loading): 加了个空白图标上去
This commit is contained in:
BIN
public/source/UI/empty.webp
Normal file
BIN
public/source/UI/empty.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
@@ -3,12 +3,15 @@
|
|||||||
<div class="loading-content">
|
<div class="loading-content">
|
||||||
<div class="loading-title">
|
<div class="loading-title">
|
||||||
{{ props.title }}
|
{{ props.title }}
|
||||||
<v-progress-circular indeterminate color="#f4d8a8" />
|
<v-progress-circular indeterminate color="#f4d8a8" v-show="!props.empty" />
|
||||||
</div>
|
</div>
|
||||||
<div class="loading-subtitle" v-show="props.subtitle">{{ props.subtitle }}</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" />
|
<img src="/source/UI/loading.webp" alt="loading" />
|
||||||
</div>
|
</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 class="loading-text" v-show="props.content">{{ props.content }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -25,6 +28,10 @@ const props = defineProps({
|
|||||||
content: {
|
content: {
|
||||||
type: String,
|
type: String,
|
||||||
},
|
},
|
||||||
|
empty: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="css">
|
<style lang="css">
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div v-if="empty">
|
<div v-if="empty">
|
||||||
<!-- todo 放个空白图 -->
|
<t-loading title="暂无卡池信息" empty />
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="pool-cards">
|
<div v-else class="pool-cards">
|
||||||
<v-card v-for="pool in poolInfo" class="Home-card">
|
<v-card v-for="pool in poolInfo" class="Home-card">
|
||||||
|
|||||||
Reference in New Issue
Block a user