JianMiau/sheep
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化了鼠标经过图标的用户体验

Browse Source
This commit is contained in:
lin 2022-09-16 19:59:17 +08:00
parent 85819af9d2
commit 7c39b8156f
1 changed files with 61 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/GamePage.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div id="gamePage"> <div id="gamePage">
<a-button @click="doBack">⬅️ 返回</a-button> <a-button @click="doBack"> ⬅️ 返回</a-button>
<a-row align="center"> <a-row align="center">
<!-- 分层选块 --> <!-- 分层选块 -->
<div class="level-board"> <div class="level-board">
@ -17,7 +17,9 @@
top: block.y * heightUnit + 'px', top: block.y * heightUnit + 'px',
}" }"
@click="(e) => doClickBlock(block, e)" @click="(e) => doClickBlock(block, e)"
>{{ block.type }}</div> >
{{ block.type }}
</div>
</div> </div>
<!-- 随机选块 --> <!-- 随机选块 -->
<div class="random-board"> <div class="random-board">
@ -30,7 +32,9 @@
v-if="randomBlock.length > 0" v-if="randomBlock.length > 0"
class="block" class="block"
@click="(e) => doClickBlock(randomBlock[0], e, index)" @click="(e) => doClickBlock(randomBlock[0], e, index)"
>{{ randomBlock[0].type }}</div> >
{{ randomBlock[0].type }}
</div>
<div <div
v-for="num in Math.max(randomBlock.length - 1, 0)" v-for="num in Math.max(randomBlock.length - 1, 0)"
:key="num" :key="num"
@ -44,7 +48,9 @@
v-for="(slotBlock, index) in slotAreaVal" v-for="(slotBlock, index) in slotAreaVal"
:key="index" :key="index"
class="block" class="block"
>{{ slotBlock?.type }}</div> >
{{ slotBlock?.type }}
</div>
</div> </div>
</a-row> </a-row>
</div> </div>