From ebe3cf3592c1c0ead49f276a4c9c3443d106dd0a Mon Sep 17 00:00:00 2001
From: "heinu.01" <791583861@qq.com>
Date: Mon, 22 Jun 2026 11:38:13 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A3=85=E5=A4=87/=E8=AA=93=E7=BA=A6=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=90=8E=E4=B9=B1=E5=BA=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/dnf/Equipment/Icon/index.vue     | 4 ++--
 .../src/pages/Character/EquipmentDictionary/Index.vue    | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/dnf/Equipment/Icon/index.vue b/frontend/src/components/dnf/Equipment/Icon/index.vue
index ec22fd50..220e09e4 100644
--- a/frontend/src/components/dnf/Equipment/Icon/index.vue
+++ b/frontend/src/components/dnf/Equipment/Icon/index.vue
@@ -1,6 +1,6 @@
 <template>
   <template v-if="props.equipment">
-    <div class="relative" :class="{ inactive: props.inactive }">
+    <div class="relative w-28px h-28px shrink-0" :class="{ inactive: props.inactive }">
       <div
         class="w-28px h-28px"
         :style="{
@@ -12,7 +12,7 @@
     </div>
   </template>
   <template v-else>
-    <div class="w-26px h-26px border-1px border-solid border-#7a7a7a/50"></div>
+    <div class="box-border w-28px h-28px shrink-0 border-1px border-solid border-#7a7a7a/50"></div>
   </template>
 </template>
 
diff --git a/frontend/src/pages/Character/EquipmentDictionary/Index.vue b/frontend/src/pages/Character/EquipmentDictionary/Index.vue
index 5ee0a5fd..1fb565e6 100644
--- a/frontend/src/pages/Character/EquipmentDictionary/Index.vue
+++ b/frontend/src/pages/Character/EquipmentDictionary/Index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-340px bg-black flex flex-col">
+  <div class="w-340px min-w-340px shrink-0 bg-black flex flex-col">
     <calc-dialog lazy header="装备条件" v-model:visible="triggerVisible">
       <options />
     </calc-dialog>
@@ -61,8 +61,11 @@
       <template v-for="item in equs" :key="item.name">
         <template v-if="item.equs.length > 0">
           <div class="item-head w-full">{{ item.name }}</div>
-          <div class="flex flex-wrap gap-4px justify-around w-full">
-            <template v-for="(equ, _) in item.equs" :key="_">
+          <div class="grid grid-cols-10 gap-4px w-316px">
+            <template
+              v-for="(equ, index) in item.equs"
+              :key="equ ? `${equ.id}-${equ.oathPos ?? 'equ'}-${index}` : `empty-${index}`"
+            >
               <EquipmentIcon :inactive="!isActive(equ)" :equipment="equ" @click="chooseEqu(equ)" />
             </template>
           </div>