💄 修复路径渲染异常

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" />

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>();