|
|
@ -4,7 +4,8 @@ |
|
|
|
<Equip :equip="equip" /> |
|
|
|
<Equip :equip="equip" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="tip" v-if="tipsShow && compare && curEquip" :style='tipsStyle2' :key="2"> |
|
|
|
<div class="tip" v-if="tipsShow && compare && curEquip" :style='tipsStyle2' :key="2"> |
|
|
|
<Equip :equip="curEquip" /> |
|
|
|
<Equip :equip="curEquip" :used="true" /> |
|
|
|
|
|
|
|
<img class="equip-used" :src="lock_used"></img> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</teleport> |
|
|
|
</teleport> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -14,6 +15,7 @@ import { useStore } from "vuex"; |
|
|
|
import { computed, onMounted, ref } from "vue"; |
|
|
|
import { computed, onMounted, ref } from "vue"; |
|
|
|
import { useI18n } from "vue3-i18n"; |
|
|
|
import { useI18n } from "vue3-i18n"; |
|
|
|
import Equip from "./equip.vue" |
|
|
|
import Equip from "./equip.vue" |
|
|
|
|
|
|
|
import { lock_used } from "@/config"; |
|
|
|
|
|
|
|
|
|
|
|
const { t } = useI18n(); |
|
|
|
const { t } = useI18n(); |
|
|
|
const { state, commit, dispatch } = useStore(); |
|
|
|
const { state, commit, dispatch } = useStore(); |
|
|
@ -54,5 +56,14 @@ onMounted(() => { }); |
|
|
|
border: #393839; |
|
|
|
border: #393839; |
|
|
|
border-radius: 0.4rem; |
|
|
|
border-radius: 0.4rem; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.equip-used { |
|
|
|
|
|
|
|
width: 2.5rem; |
|
|
|
|
|
|
|
height: 2.5rem; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
|
|
|
|
left: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |