From 1fff6dd0d6996cd98a664ca9beeb299826a6ac78 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 3 Apr 2023 18:50:57 +0800
Subject: [PATCH] =?UTF-8?q?fix(config):=20=E9=87=87=E7=94=A8=20snackbar=20?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E9=83=A8=E5=88=86dialog?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Config.vue | 43 ++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 38 insertions(+), 5 deletions(-)

diff --git a/src/pages/Config.vue b/src/pages/Config.vue
index 0573938a..03235f20 100644
--- a/src/pages/Config.vue
+++ b/src/pages/Config.vue
@@ -90,6 +90,18 @@
 				<v-list-item-subtitle>{{ appStore.dataPath.user }}</v-list-item-subtitle>
 			</v-list-item>
 		</v-list>
+		<!-- 弹窗提示条 -->
+		<v-snackbar
+			v-model="snackbar"
+			timeout="1500"
+			color="#50596B"
+			rounded="pill"
+			width="50px"
+			class="snack-div"
+		>
+			<img src="../assets/icons/circle-check.svg" alt="check" />
+			<span>{{ snackbarText }}</span>
+		</v-snackbar>
 	</div>
 </template>
 
@@ -121,6 +133,10 @@ const versionTauri = ref("");
 // data
 const showHome = ref(homeStore.getShowValue());
 
+// snackbar
+const snackbar = ref(false);
+const snackbarText = ref("");
+
 // load version
 onMounted(async () => {
 	versionApp.value = await app.getVersion();
@@ -157,7 +173,8 @@ async function deleteData() {
 		getDataList.map(async item => {
 			await WriteTGData(item.name, item.data);
 		});
-		await dialog.message("用户数据已删除!");
+		snackbarText.value = "用户数据已删除!";
+		snackbar.value = true;
 		await achievementsStore.init();
 		await fs.createDir("userData", { dir: fs.BaseDirectory.AppLocalData });
 		await fs.createDir("tempData", { dir: fs.BaseDirectory.AppLocalData });
@@ -172,7 +189,8 @@ async function deleteTemp() {
 			recursive: true,
 		});
 		await fs.createDir("tempData", { dir: fs.BaseDirectory.AppLocalData });
-		await dialog.message("临时数据已删除!");
+		snackbarText.value = "临时数据已删除!";
+		snackbar.value = true;
 	}
 }
 
@@ -186,7 +204,8 @@ async function submitHome() {
 	}
 	// 设置
 	await homeStore.setShowValue(show);
-	await dialog.message("已修改!");
+	snackbarText.value = "已修改!";
+	snackbar.value = true;
 }
 
 // 恢复默认配置
@@ -196,9 +215,11 @@ async function setDefaultConfig() {
 		await appStore.init();
 		await homeStore.init();
 		await achievementsStore.init();
-		dialog.message("已恢复默认配置!").then(() => {
+		snackbarText.value = "已恢复默认配置!";
+		snackbar.value = true;
+		setTimeout(() => {
 			window.location.reload();
-		});
+		}, 1500);
 	}
 }
 </script>
@@ -228,4 +249,16 @@ async function setDefaultConfig() {
 	background: #5b738f;
 	border-radius: 10px;
 }
+
+.snack-div img {
+	position: absolute;
+	width: 20px;
+	height: 20px;
+}
+
+.snack-div span {
+	margin-left: 30px;
+	font-family: Genshin-Light, serif;
+	color: #faf7e8;
+}
 </style>