diff --git a/public/img/chuanqi.gif b/public/img/chuanqi.gif new file mode 100644 index 0000000..5cb71ee Binary files /dev/null and b/public/img/chuanqi.gif differ diff --git a/public/img/taigu.gif b/public/img/taigu.gif new file mode 100644 index 0000000..a06107c Binary files /dev/null and b/public/img/taigu.gif differ diff --git a/src/components/equip-icon.vue b/src/components/equip-icon.vue index 8a0caee..2f9bf38 100644 --- a/src/components/equip-icon.vue +++ b/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; - if (quality == qualitys[4]) { - return red_gif; + const quality = prop.equip.quality; + if (quality.extraQuality) { + return taigu_gif; } - if (quality == qualitys[5]) { - return colorful_gif; + switch (quality.quality) { + case qualitys[4]: + return red_gif; + case qualitys[5]: + return colorful_gif; + default: + return null; } - 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 diff --git a/src/config/assets.ts b/src/config/assets.ts index 2714b0e..a88b327 100644 --- a/src/config/assets.ts +++ b/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';