From 7674407b7104d0a3d094deaec32a936d43cc7ee2 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 1 Jan 2024 23:43:32 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E5=A2=9E=E5=8A=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=BA=93=E4=B8=BA=E7=A9=BA=E5=A4=84=E7=90=86=EF=BC=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=BA=E7=A9=BA=E7=9A=84=E6=8F=90=E9=86=92?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix #75
---
 src/pages/User/Abyss.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index 469111f0..320f7b94 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -98,7 +98,6 @@ const localAbyssID = ref<number[]>([]);
 const curAbyss = ref<TGApp.Sqlite.Abyss.SingleTable>(<TGApp.Sqlite.Abyss.SingleTable>{});
 const abyssRef = ref<HTMLElement>(<HTMLElement>{});
 
-// todo 优化数据加载
 onMounted(async () => {
   loadingTitle.value = "正在加载深渊数据";
   await initAbyssData();
@@ -106,7 +105,9 @@ onMounted(async () => {
 });
 
 async function initAbyssData(): Promise<void> {
-  localAbyss.value = await TGSqlite.getAbyss(user.value.gameUid);
+  const abyssGet = await TGSqlite.getAbyss(user.value.gameUid);
+  if (abyssGet.length === 0) return;
+  localAbyss.value = abyssGet;
   localAbyss.value.forEach((item) => {
     localAbyssID.value.push(item.id);
   });
@@ -315,7 +316,8 @@ async function uploadAbyss(): Promise<void> {
   flex-direction: column;
   align-items: center;
   border-radius: 5px;
-  background: var(--common-shadow-2);
+  background: var(--common-shadow-t-2);
+  box-shadow: 0 0 5px var(--common-shadow-2);
   color: var(--common-text-title);
   font-family: var(--font-title);
   font-size: 1.5rem;