From c3ff2251587e277778628df5286fa60f89c289d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Wed, 4 Sep 2024 10:15:40 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E4=BF=AE=E5=A4=8D=E8=B7=AF?=
 =?UTF-8?q?=E5=BE=84=E6=B8=B2=E6=9F=93=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userRecord/tur-overview-grid.vue | 15 ++++++++++-----
 src/components/userRecord/tur-overview-sub.vue  |  8 +++++---
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/userRecord/tur-overview-grid.vue b/src/components/userRecord/tur-overview-grid.vue
index 1a2d6b4b..147a3769 100644
--- a/src/components/userRecord/tur-overview-grid.vue
+++ b/src/components/userRecord/tur-overview-grid.vue
@@ -17,11 +17,16 @@
         :text="data.avatarFetter"
         icon="/icon/material/105.webp"
       />
-      <TurOverviewSub
-        title="成就达成数"
-        :text="data.achievementNumber"
-        icon="/src/assets/icons/achievements.svg"
-      />
+      <TurOverviewSub title="成就达成数" :text="data.achievementNumber" icon="icon">
+        <template #icon>
+          <img
+            src="../../assets/icons/achievements.svg"
+            alt="achievement-icon"
+            width="25px"
+            height="25px"
+          />
+        </template>
+      </TurOverviewSub>
       <TurOverviewSub title="解锁传送点" :text="data.wayPoints" icon="/icon/material/220005.webp" />
       <TurOverviewSub title="解锁秘境" :text="data.domainNumber" />
       <TurOverviewSub title="火神瞳" :text="data.pyroCulus" icon="/icon/material/107028.webp" />
diff --git a/src/components/userRecord/tur-overview-sub.vue b/src/components/userRecord/tur-overview-sub.vue
index 1c2e20b2..b11eac78 100644
--- a/src/components/userRecord/tur-overview-sub.vue
+++ b/src/components/userRecord/tur-overview-sub.vue
@@ -6,8 +6,10 @@
       </slot>
     </div>
     <div class="tur-os-text">
-      <div v-if="props.icon" class="tur-os-icon">
-        <img :src="props.icon" alt="icon" />
+      <div v-if="props.icon !== undefined" class="tur-os-icon">
+        <slot name="icon">
+          <img :src="props.icon" alt="icon" />
+        </slot>
       </div>
       <slot name="val-text">
         {{ props.text }}
@@ -19,7 +21,7 @@
 interface TAOProps {
   title: string;
   text: string | number | undefined;
-  icon?: string;
+  icon?: string | undefined;
 }
 
 const props = defineProps<TAOProps>();