From 4f718288c3343bed4734a5a18fa93eead2a6efe3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Wed, 8 Jan 2025 16:17:28 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userAvatar/tua-dc-relic.vue    | 9 +++++++++
 src/components/userAvatar/tua-dc-weapon.vue   | 1 +
 src/components/userAvatar/tua-detail-card.vue | 7 +++++++
 3 files changed, 17 insertions(+)

diff --git a/src/components/userAvatar/tua-dc-relic.vue b/src/components/userAvatar/tua-dc-relic.vue
index 68179497..ffa3a403 100644
--- a/src/components/userAvatar/tua-dc-relic.vue
+++ b/src/components/userAvatar/tua-dc-relic.vue
@@ -35,6 +35,7 @@
             :src="propMain.icon"
             alt="propMain"
           />
+          <v-icon v-else class="icon" size="14">mdi-adjust</v-icon>
           <span :style="getPropMainStyle()">
             {{ propMain !== false ? propMain.name : "未知属性" }}
           </span>
@@ -44,6 +45,7 @@
       <div v-for="(prop, index) in propSubs" :key="index" class="tua-dcr-prop">
         <span class="tua-prop-sub">
           <img v-if="prop !== false && prop.icon !== ''" :src="prop.icon" alt="propSub" />
+          <v-icon v-else class="icon" size="14">mdi-information-outline</v-icon>
           <span :style="getPropSubStyle(prop, props.recommend.sub_property_list)">
             {{ prop !== false ? prop.name : "未知属性" }}
           </span>
@@ -142,6 +144,7 @@ function getPropSubStyle(
   background: rgb(0 0 0 / 20%);
   color: var(--tgc-white-1);
   font-size: 12px;
+  row-gap: 5px;
   text-shadow: 0 0 5px rgb(0 0 0 / 50%);
 }
 
@@ -235,6 +238,7 @@ function getPropSubStyle(
   width: 100%;
   align-items: center;
   justify-content: space-between;
+  border-bottom: 1px solid rgb(255 255 255 / 20%);
   column-gap: 5px;
   font-family: var(--font-title);
 
@@ -242,6 +246,7 @@ function getPropSubStyle(
     display: flex;
     align-items: center;
     justify-content: center;
+    column-gap: 5px;
   }
 
   img {
@@ -269,6 +274,10 @@ function getPropSubStyle(
     width: 14px;
     height: 14px;
   }
+
+  .icon {
+    opacity: 0.4;
+  }
 }
 
 .tua-prop-time {
diff --git a/src/components/userAvatar/tua-dc-weapon.vue b/src/components/userAvatar/tua-dc-weapon.vue
index 0b216eef..1e34529c 100644
--- a/src/components/userAvatar/tua-dc-weapon.vue
+++ b/src/components/userAvatar/tua-dc-weapon.vue
@@ -150,6 +150,7 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
     display: flex;
     align-items: center;
     justify-content: center;
+    column-gap: 5px;
   }
 }
 
diff --git a/src/components/userAvatar/tua-detail-card.vue b/src/components/userAvatar/tua-detail-card.vue
index b73fcab8..277e79f7 100644
--- a/src/components/userAvatar/tua-detail-card.vue
+++ b/src/components/userAvatar/tua-detail-card.vue
@@ -18,6 +18,13 @@
         <span>{{ props.modelValue.avatar.name }}</span>
         <span>Lv.{{ props.modelValue.avatar.level }}</span>
         <span>好感{{ props.modelValue.avatar.fetter }}</span>
+        <v-icon
+          :title="`解锁衣装：${props.modelValue.costumes.map((i) => i.name).join(',')}`"
+          v-if="props.modelValue.costumes.length !== 0"
+          size="14"
+        >
+          mdi-tshirt-crew
+        </v-icon>
       </div>
       <div v-for="(prop, index) in props.modelValue.propSelected" :key="index">
         <div v-if="propMain[index] !== false" class="tua-dc-prop">