mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
fix(loading): 加了个空白图标上去
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user