From f30e396c039a46901e35393ce693d8fec0e804b2 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sun, 28 Dec 2025 23:17:19 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E4=BF=AE=E6=AD=A3=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E9=80=BB=E8=BE=91=EF=BC=8C=E8=B0=83=E6=95=B4=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/User/Characters.vue | 43 +++++++++++++++++++++++------------
 1 file changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/pages/User/Characters.vue b/src/pages/User/Characters.vue
index 298c8bf8..897e5324 100644
--- a/src/pages/User/Characters.vue
+++ b/src/pages/User/Characters.vue
@@ -68,28 +68,31 @@
         </div>
         <div class="uc-sort">
           <v-btn
+            :prepend-icon="getSortIcon(isLevelUp)"
+            :title.attr="getSortDesc(isLevelUp)"
             class="uc-top-btn"
             variant="elevated"
             @click="() => (isLevelUp = toggleSort(isLevelUp))"
           >
-            <span>等级</span>
-            <v-icon :title="getSortDesc(isLevelUp)">{{ getSortIcon(isLevelUp) }}</v-icon>
+            等级
           </v-btn>
           <v-btn
+            :prepend-icon="getSortIcon(isFetterUp)"
+            :title.attr="getSortDesc(isFetterUp)"
             class="uc-top-btn"
             variant="elevated"
             @click="() => (isFetterUp = toggleSort(isFetterUp))"
           >
-            <span>好感</span>
-            <v-icon :title="getSortDesc(isFetterUp)">{{ getSortIcon(isFetterUp) }}</v-icon>
+            好感
           </v-btn>
           <v-btn
+            :prepend-icon="getSortIcon(isConstUp)"
+            :title.attr="getSortDesc(isConstUp)"
             class="uc-top-btn"
             variant="elevated"
             @click="() => (isConstUp = toggleSort(isConstUp))"
           >
-            <span>命座</span>
-            <v-icon :title="getSortDesc(isConstUp)">{{ getSortIcon(isConstUp) }}</v-icon>
+            命座
           </v-btn>
         </div>
       </div>
@@ -106,7 +109,11 @@
           class="uc-ov-item"
         >
           <img :src="`/icon/element/${item.label}.webp`" alt="element" />
-          <span>{{ item.cnt }}{{ isSelected ? `(${getElementCnt(item.element)})` : "" }}</span>
+          <template v-if="isSelected">
+            <span>{{ getElementCnt(item.element) }}</span>
+            <span class="uc-ov-cnt">/{{ item.cnt }}</span>
+          </template>
+          <span v-else>{{ item.cnt }}</span>
         </span>
       </div>
       <div class="uc-box-info">
@@ -232,22 +239,22 @@ watch(
   async () => {
     let tmp = selectedList.value;
     if (isLevelUp.value === true) {
-      tmp = tmp.sort((a, b) => b.avatar.level - a.avatar.level);
-    } else if (isLevelUp.value === false) {
       tmp = tmp.sort((a, b) => a.avatar.level - b.avatar.level);
+    } else if (isLevelUp.value === false) {
+      tmp = tmp.sort((a, b) => b.avatar.level - a.avatar.level);
     }
     if (isFetterUp.value === true) {
-      tmp = tmp.sort((a, b) => b.avatar.fetter - a.avatar.fetter);
-    } else if (isFetterUp.value === false) {
       tmp = tmp.sort((a, b) => a.avatar.fetter - b.avatar.fetter);
+    } else if (isFetterUp.value === false) {
+      tmp = tmp.sort((a, b) => b.avatar.fetter - a.avatar.fetter);
     }
     if (isConstUp.value === true) {
       tmp = tmp.sort(
-        (a, b) => b.avatar.actived_constellation_num - a.avatar.actived_constellation_num,
+        (a, b) => a.avatar.actived_constellation_num - b.avatar.actived_constellation_num,
       );
     } else if (isConstUp.value === false) {
       tmp = tmp.sort(
-        (a, b) => a.avatar.actived_constellation_num - b.avatar.actived_constellation_num,
+        (a, b) => b.avatar.actived_constellation_num - a.avatar.actived_constellation_num,
       );
     }
     selectedList.value = tmp;
@@ -285,7 +292,7 @@ function getSortDesc(value: boolean | null): string {
     case false:
       return "降序";
     default:
-      return "默认";
+      return "默认排序";
   }
 }
 
@@ -642,6 +649,14 @@ function handleSwitch(next: boolean): void {
   }
 }
 
+.uc-ov-cnt {
+  position: relative;
+  top: 4px;
+  left: -4px;
+  color: var(--tgc-od-white);
+  font-size: 12px;
+}
+
 .uc-box-info {
   position: relative;
   z-index: -1;