1

frontendNew/src/pages/Dcalc/Character/CalcDetail/index.vue

@@ -188,8 +188,18 @@ const selectOathSkill = (skill: { skillId: string; enable: boolean }) => {
 
 /* ─── Equipped items list ─── */
 const partOrder = [
-  "武器", "上衣", "下装", "头肩", "腰带", "鞋",
+  "武器",
-  "项链", "手镯", "戒指", "辅助装备", "魔法石", "耳环",
+  "上衣",
+  "下装",
+  "头肩",
+  "腰带",
+  "鞋",
+  "项链",
+  "手镯",
+  "戒指",
+  "辅助装备",
+  "魔法石",
+  "耳环",
 ];
 
 const equById = (id: string) => infoStore.equips.find((item) => item.id === id);
@@ -201,16 +211,25 @@ const adaptation = (part: string) => {
 
 const rarityColor = (rarity: string): string => {
   switch (rarity) {
-    case "太初": return "text-[#5aff62]";
+    case "太初":
+      return "text-[#5aff62]";
     case "史诗":
-    case "智慧产物": return "text-[#fcb600]";
+    case "智慧产物":
-    case "神话": return "text-[#f8c63d]";
+      return "text-[#fcb600]";
-    case "神器": return "text-[#ef28c1]";
+    case "神话":
-    case "稀有": return "text-[#9879da]";
+      return "text-[#f8c63d]";
-    case "传说": return "text-[#ff7700]";
+    case "神器":
-    case "勇者": return "text-[#ff6666]";
+      return "text-[#ef28c1]";
-    case "高级": return "text-[#68d5ed]";
+    case "稀有":
-    default: return "text-[#fcb600]";
+      return "text-[#9879da]";
+    case "传说":
+      return "text-[#ff7700]";
+    case "勇者":
+      return "text-[#ff6666]";
+    case "高级":
+      return "text-[#68d5ed]";
+    default:
+      return "text-[#fcb600]";
   }
 };
 
@@ -300,10 +319,7 @@ const clearChangeSources = () => configStore.clearChangeSource();
             <span class="shrink-0 font-medium">{{ oathSuit.point }}点</span>
           </div>
           <!-- Oath skill selector -->
-          <div
+          <div v-if="oathSkillsSorted.length" class="flex items-center justify-center gap-4 pt-1">
-            v-if="oathSkillsSorted.length"
-            class="flex items-center justify-center gap-4 pt-1"
-          >
             <button
               v-for="skill in oathSkillsSorted"
               :key="skill.id"
@@ -370,7 +386,7 @@ const clearChangeSources = () => configStore.clearChangeSource();
                   :class="
                     rarityColor(equById(configStore.config.equips[part]?.id ?? '')?.rarity ?? '')
                   "
-                  >{{ equById(configStore.config.equips[part]?.id ?? '')?.name ?? "—" }}</span
+                  >{{ equById(configStore.config.equips[part]?.id ?? "")?.name ?? "—" }}</span
                 >
               </div>
             </div>

frontendNew/src/pages/Dcalc/Character/Result/Index.vue

@@ -115,7 +115,7 @@ const hasVisibleResult = computed(
               <EquList
                 v-model:part="equippedPart"
                 :detail="configStore.config.equips"
-                :with-sub-weapon="(infoStore.infos?.alter?.includes('vegabond') ?? false)"
+                :with-sub-weapon="infoStore.infos?.alter?.includes('vegabond') ?? false"
                 :with-pet="true"
               />
             </div>

frontendNew/src/pages/Dcalc/Character/Skill/components/SkillDetail/index.vue

@@ -25,9 +25,7 @@ const basic = computed(() => {
     },
     {
       label: "施放时间",
-      value: !info.attribute.castingTime
+      value: !info.attribute.castingTime ? "瞬发" : `${info.attribute.castingTime.toFixed(1)}秒`,
-        ? "瞬发"
-        : `${info.attribute.castingTime.toFixed(1)}秒`,
     },
     { label: "魔法值", value: info.attribute.consumeMp },
     {
@@ -40,8 +38,7 @@ const basic = computed(() => {
 const descLines = computed(() => skillInfo.value?.descDetail.split("\n") ?? []);
 
 const detailLines = computed(() => {
-  const items =
+  const items = skillInfo.value?.attribute.optionDesc?.split("\n").filter((item) => !!item) ?? [];
-    skillInfo.value?.attribute.optionDesc?.split("\n").filter((item) => !!item) ?? [];
   return items.map((a) => {
     // highlight value placeholder prefix
     const beforeReplace = a.match(/^(.+?)\s*(\{value\d+\}.*)$/);
@@ -53,8 +50,7 @@ const detailLines = computed(() => {
       matches.forEach((match) => {
         const key = match.replace(/[{}]/g, "");
         if (/^value.+/.test(key)) {
-          const value =
+          const value = skillInfo.value?.attribute.optionValue[key as `value${string}`] ?? "-";
-            skillInfo.value?.attribute.optionValue[key as `value${string}`] ?? "-";
           a = a.replace(
             match,
             `<span style="padding:0 2px;color:var(--color-skill-value,#4AA256)">${value}</span>`,
@@ -70,7 +66,10 @@ const hasEvolution = computed(() => (skillInfo.value?.evolution?.length ?? 0) >
 </script>
 
 <template>
-  <div v-if="!skillInfo" class="flex items-center justify-center h-16 text-xs text-muted-foreground">
+  <div
+    v-if="!skillInfo"
+    class="flex items-center justify-center h-16 text-xs text-muted-foreground"
+  >
     加载中…
   </div>
 
@@ -139,7 +138,9 @@ const hasEvolution = computed(() => (skillInfo.value?.evolution?.length ?? 0) >
           <div class="text-xs font-semibold text-purple-400 mb-1.5">{{ evo.name }}</div>
           <div
             class="text-xs leading-relaxed text-muted-foreground whitespace-pre-wrap max-h-36 overflow-y-auto"
-          >{{ evo.descDetail }}</div>
+          >
+            {{ evo.descDetail }}
+          </div>
         </div>
       </div>
     </div>

frontendNew/src/pages/Dcalc/Character/Skill/index.vue

@@ -337,15 +337,23 @@ const resetAllSkills = () => {
                           : '',
                       ]"
                     />
-                  <div v-if="activeSkillId === skill.id.toString()" class="action-row" @click.stop>
+                    <div
-                    <button class="skill-btn" @click.stop="resetLv(skill.id.toString())">«</button>
+                      v-if="activeSkillId === skill.id.toString()"
+                      class="action-row"
+                      @click.stop
+                    >
+                      <button class="skill-btn" @click.stop="resetLv(skill.id.toString())">
+                        «
+                      </button>
                       <button class="skill-btn" @click.stop="stepLv(skill.id.toString(), -1)">
                         ‹
                       </button>
                       <button class="skill-btn" @click.stop="stepLv(skill.id.toString(), 1)">
                         ›
                       </button>
-                    <button class="skill-btn" @click.stop="setMaxLv(skill.id.toString())">»</button>
+                      <button class="skill-btn" @click.stop="setMaxLv(skill.id.toString())">
+                        »
+                      </button>
                     </div>
                     <div
                       v-else
@@ -391,8 +399,14 @@ const resetAllSkills = () => {
                             : '',
                         ]"
                       />
-                    <div v-if="activeSkillId === cell.id.toString()" class="action-row" @click.stop>
+                      <div
-                      <button class="skill-btn" @click.stop="resetLv(cell.id.toString())">«</button>
+                        v-if="activeSkillId === cell.id.toString()"
+                        class="action-row"
+                        @click.stop
+                      >
+                        <button class="skill-btn" @click.stop="resetLv(cell.id.toString())">
+                          «
+                        </button>
                         <button class="skill-btn" @click.stop="stepLv(cell.id.toString(), -1)">
                           ‹
                         </button>
@@ -616,7 +630,9 @@ const resetAllSkills = () => {
                     >
                       形态 {{ mode }}
                     </div>
-                  <div class="mt-0.5 text-[10px] text-muted-foreground leading-tight line-clamp-2">
+                    <div
+                      class="mt-0.5 text-[10px] text-muted-foreground leading-tight line-clamp-2"
+                    >
                       {{ skill.vps[mode - 1]?.name || "—" }}
                     </div>
                   </button>