From 8acd4b73eaccda2f61417a0725b21e83dbcea1ae Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Tue, 21 Mar 2023 23:25:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(home):=20=E6=B7=BB=E5=8A=A0=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 0374e136..c252da3a 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -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;