|
|
@ -4,6 +4,9 @@ |
|
|
|
</Tooltip> |
|
|
|
</Tooltip> |
|
|
|
|
|
|
|
|
|
|
|
<Dialog :title="t('shop')" v-model="showShop" top="20%" left='8%'> |
|
|
|
<Dialog :title="t('shop')" v-model="showShop" top="20%" left='8%'> |
|
|
|
|
|
|
|
<div class="coins"> |
|
|
|
|
|
|
|
{{ t('coins.0') }}:{{ coins }} |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="items"> |
|
|
|
<div class="items"> |
|
|
|
<div class="item" v-for="(v, k) in shopItems" :key="k" |
|
|
|
<div class="item" v-for="(v, k) in shopItems" :key="k" |
|
|
|
@contextmenu.prevent.stop="commit('close_equip_tip'); v && open(k, $event)" |
|
|
|
@contextmenu.prevent.stop="commit('close_equip_tip'); v && open(k, $event)" |
|
|
@ -184,6 +187,13 @@ onBeforeUnmount(() => { |
|
|
|
}) |
|
|
|
}) |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.coins{ |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center !important; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
font-size: 1.1rem; |
|
|
|
|
|
|
|
color: #2fe20f; |
|
|
|
|
|
|
|
} |
|
|
|
.items { |
|
|
|
.items { |
|
|
|
height: 14rem; |
|
|
|
height: 14rem; |
|
|
|
padding: 4rem 2rem; |
|
|
|
padding: 4rem 2rem; |
|
|
|