装备图标增加星级展示

src/components/equip-icon.vue

@@ -1,6 +1,9 @@
 <template>
     <div :class="['icon', equip?.quality.quality]">
         <img v-if="src" class="red-flash" :src="src">
+        <div class="fusion" v-if="equip">
+            <img v-for="i in equip.fusion" :key="i" class="gotcha" :src="equip_effect_gif.gotcha">
+        </div>
         <span class="equip" v-if="equip">
             <img class="img" :src="equips_icon_path + equip.base.icon">
             <div class="lv" v-if="equip.lv">lv{{ equip.lv }}</div>
@@ -12,7 +15,7 @@
 import { useStore } from "vuex";
 import { reactive, onMounted, ref, computed } from "vue";
 import { useI18n } from "vue3-i18n";
-import { qualitys, equips_icon_path, equip_effect_gif, red_gif, colorful_gif, taigu_gif } from "@/config";
+import { equips_icon_path, equip_effect_gif } from "@/config";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
@@ -63,12 +66,23 @@ onMounted(() => { });
     position: relative;
     box-shadow: inset 0 0 7px 2px #a1a1a1b8;
 
-    .red-flash {
+    .red-flash,
+    .fusion {
         position: absolute;
         width: 100%;
         height: 100%;
     }
 
+    .fusion {
+        z-index: 9;
+        margin-top: -0.3rem;
+        text-align: left;
+
+        img {
+            height: 0.8rem;
+        }
+    }
+
     .img {
         left: 15%;
         top: 15%;
@@ -93,6 +107,15 @@ onMounted(() => { });
     .icon {
         width: 2.5rem;
         height: 2.5rem;
+
+        .fusion {
+            margin-top: -0.5rem;
+
+            img {
+                height: 0.6rem;
+            }
+        }
+
     }
 }
 </style>

src/views/version/update-log.vue

@@ -42,6 +42,7 @@ const updateLogs: any = [{
     adjust: [
         '暴雪，青光，杀意被动数值调整',
         '功能加速优化逻辑',
+        '装备图标增加星级展示',
     ],
 }, {
     date: '2025-05-27', version: '1.0',