|
|
|
@ -5,7 +5,9 @@
@@ -5,7 +5,9 @@
|
|
|
|
|
<span> + </span> |
|
|
|
|
</span> |
|
|
|
|
<div v-if="showSlect" class="select"> |
|
|
|
|
<div class="option" v-for="item in equips" @click="choseEquip(item)"> |
|
|
|
|
<div class="option" v-for="item in equips" @click="choseEquip(item)" |
|
|
|
|
@touchstart="mobile.onTouchStart($event, item)" @touchmove="mobile.onTouchMove" |
|
|
|
|
@touchend="mobile.onTouchEnd"> |
|
|
|
|
<EquipIcon :equip="item" @mouseleave="commit('close_equip_tip')" |
|
|
|
|
@mouseover="commit('show_equip_tip', { equip: item, compare: false, e: $event })" /> |
|
|
|
|
</div> |
|
|
|
@ -19,6 +21,7 @@ import { reactive, onMounted, ref, watch } from "vue";
@@ -19,6 +21,7 @@ import { reactive, onMounted, ref, watch } from "vue";
|
|
|
|
|
import { useI18n } from "vue3-i18n"; |
|
|
|
|
import Equip from "./equip.vue"; |
|
|
|
|
import { EquipIcon } from "@/components"; |
|
|
|
|
import { userMobile } from "@/tool"; |
|
|
|
|
|
|
|
|
|
const { t } = useI18n(); |
|
|
|
|
const { state, commit, dispatch } = useStore(); |
|
|
|
@ -45,6 +48,11 @@ watch(() => prop.modelValue, (n, o) => {
@@ -45,6 +48,11 @@ watch(() => prop.modelValue, (n, o) => {
|
|
|
|
|
equip.value = n; |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
const mobile = userMobile(); |
|
|
|
|
mobile.onClick = (e, data) => { |
|
|
|
|
choseEquip(data); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const choseEquip = item => { |
|
|
|
|
equip.value = item; |
|
|
|
|
showSlect.value = false; |
|
|
|
|