From 25f95d9f90b37f8b7f1d77ae7494c740b1e820b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Thu, 13 Feb 2025 17:20:02 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E5=9B=BE=E7=89=87=E6=9B=B4=E6=96=B0=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userAvatar/tua-detail-card.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/userAvatar/tua-detail-card.vue b/src/components/userAvatar/tua-detail-card.vue
index 7d1b8ec5..3000acf6 100644
--- a/src/components/userAvatar/tua-detail-card.vue
+++ b/src/components/userAvatar/tua-detail-card.vue
@@ -78,7 +78,7 @@
 import TMiImg from "@comp/app/t-mi-img.vue";
 import showSnackbar from "@comp/func/snackbar.js";
 import TSUserAvatar from "@Sqlite/modules/userAvatar.js";
-import { computed, onMounted, ref } from "vue";
+import { computed, ref } from "vue";
 
 import TuaDcConstellations from "./tua-dc-constellations.vue";
 import TuaDcProp from "./tua-dc-prop.vue";
@@ -109,15 +109,11 @@ const propMain = computed<Array<TGApp.Game.Avatar.PropMapItem | false>>(() =>
   props.modelValue.propSelected.map((item) => userStore.getProp(item.property_type)),
 );
 
-const bg = ref<string>("/WIKI/nameCard/profile/原神·印象.webp");
-const loading = ref<boolean>(false);
-
-onMounted(async () => await loadData());
-
-async function loadData(): Promise<void> {
+const bg = computed<string>(() => {
   const card = TSUserAvatar.getAvatarCard(props.modelValue.cid);
-  bg.value = `url("/WIKI/nameCard/profile/${card}.webp")`;
-}
+  return `url("/WIKI/nameCard/profile/${card}.webp")`;
+});
+const loading = ref<boolean>(false);
 
 async function share(): Promise<void> {
   const shareBox = document.querySelector<HTMLElement>(".tua-dc-container");