From 65f4309bf5d7adf55ef3c265d6454ee3d9cb4169 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sun, 24 Dec 2023 14:14:31 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E7=BC=BA=E5=A4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/common/Achievements.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/common/Achievements.vue b/src/pages/common/Achievements.vue
index 608c6805..ed72de68 100644
--- a/src/pages/common/Achievements.vue
+++ b/src/pages/common/Achievements.vue
@@ -41,6 +41,7 @@
         v-if="selectedSeries !== 0 && selectedSeries !== 17 && selectedSeries !== -1 && !loading"
       >
         <v-list
+          v-if="curCard"
           class="achi-series"
           :style="{ backgroundImage: `url(${curCard.bg})` }"
           @click="openImg()"
@@ -129,7 +130,7 @@ const hideFin = ref<boolean>(false);
 const showNameCard = ref<boolean>(false);
 // data
 const title = ref(achievementsStore.title);
-let curCard = reactive({ profile: "", bg: "", icon: "", name: "", desc: "" });
+let curCard = ref<TGApp.App.NameCard.Item>();
 // series
 const allSeriesData = ref<TGApp.Sqlite.Achievement.SeriesTable[]>([]);
 const selectedSeries = ref<number>(-1);
@@ -213,12 +214,14 @@ async function selectSeries(index: number): Promise<void> {
   loadingTitle.value = "正在查找对应的成就名片";
   if (selectedSeries.value !== 0 && selectedSeries.value !== 17) {
     const cardGet = await TGSqlite.getNameCard(index);
-    curCard = {
-      profile: `/source/nameCard/profile/${cardGet.name}.webp`,
-      bg: `/source/nameCard/bg/${cardGet.name}.webp`,
-      icon: `/source/nameCard/icon/${cardGet.name}.webp`,
+    curCard.value = {
       name: cardGet.name,
       desc: cardGet.desc,
+      icon: `/source/nameCard/icon/${cardGet.name}.webp`,
+      bg: `/source/nameCard/bg/${cardGet.name}.webp`,
+      profile: `/source/nameCard/profile/${cardGet.name}.webp`,
+      type: cardGet.type,
+      source: cardGet.source,
     };
   }
   // 右侧滚动到顶部