新增太古装备特效框

src/components/equip-icon.vue

@@ -12,7 +12,7 @@
 import { useStore } from "vuex";
 import { reactive, onMounted, ref, computed } from "vue";
 import { useI18n } from "vue3-i18n";
-import { qualitys, equips_icon_path, red_gif, colorful_gif } from "@/config";
+import { qualitys, equips_icon_path, red_gif, colorful_gif, taigu_gif } from "@/config";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
@@ -21,14 +21,18 @@ const src = computed(() => {
     if (!prop.equip) {
         return false;
     }
-    const quality = prop.equip.quality.quality;
+    const quality = prop.equip.quality;
-    if (quality == qualitys[4]) {
+    if (quality.extraQuality) {
-        return red_gif;
+        return taigu_gif;
     }
-    if (quality == qualitys[5]) {
+    switch (quality.quality) {
+        case qualitys[4]:
+            return red_gif;
+        case qualitys[5]:
             return colorful_gif;
-    }
+        default:
             return null;
+    }
 })
 
 const prop = defineProps({
@@ -38,14 +42,6 @@ const prop = defineProps({
     }
 })
 
-const isUnique = (equip) => {
-    if (!equip) {
-        return false;
-    }
-    const quality = equip.quality.quality;
-    return quality && (quality == qualitys[4] || quality == qualitys[5]);
-}
-
 const iconClass = computed(() => {
     if (prop.equip && prop.equip.isUnique()) {
         return

src/config/assets.ts

@@ -46,6 +46,7 @@ export const playerImg = root + '/img/player.png';
 export const playerImg2 = root + '/img/player2.png';
 export const red_gif = root + '/img/red.gif';
 export const colorful_gif = root + '/img/colorful.gif';
+export const taigu_gif = root + '/img/taigu.gif';
 
 export const warning_icon = root + '/img/tip/warning.png';