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

fix(home): 添加加载条

Browse Source
This commit is contained in:
BTMuli
2023-03-21 23:25:32 +08:00
parent dec99d9c1a
commit 8acd4b73ea
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/Home.vue
View File

@@ -1,5 +1,8 @@
<template> <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"> <v-card v-for="pool in poolInfo" style="margin-top: 20px">
<template v-slot:prepend> <template v-slot:prepend>
<img <img
@@ -122,6 +125,13 @@ function toOuter(url: string, title: string) {
</script> </script>
<style lang="css"> <style lang="css">
.loading-bar {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.pool-cards { .pool-cards {
font-family: Genshin, serif; font-family: Genshin, serif;
display: flex; display: flex;