mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
fix(home): 添加加载条
This commit is contained in:
@@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<div v-show="poolInfo" class="pool-cards">
|
||||
<div v-if="poolInfo == null || poolInfo.length === 0" class="loading-bar">
|
||||
<v-progress-circular indeterminate color="primary" />
|
||||
</div>
|
||||
<div v-else class="pool-cards">
|
||||
<v-card v-for="pool in poolInfo" style="margin-top: 20px">
|
||||
<template v-slot:prepend>
|
||||
<img
|
||||
@@ -122,6 +125,13 @@ function toOuter(url: string, title: string) {
|
||||
</script>
|
||||
|
||||
<style lang="css">
|
||||
.loading-bar {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.pool-cards {
|
||||
font-family: Genshin, serif;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user