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

src/pages/GamePage.vue

@@ -17,9 +17,7 @@
             top: block.y * heightUnit + 'px',
           }"
                     @click="(e) => doClickBlock(block, e)"
-        >
-          {{ block.type }}
-        </div>
+                >{{ block.type }}</div>
             </div>
             <!-- 随机选块 -->
             <div class="random-board">
@@ -32,9 +30,7 @@
                         v-if="randomBlock.length > 0"
                         class="block"
                         @click="(e) => doClickBlock(randomBlock[0], e, index)"
-          >
-            {{ randomBlock[0].type }}
-          </div>
+                    >{{ randomBlock[0].type }}</div>
                     <div
                         v-for="num in Math.max(randomBlock.length - 1, 0)"
                         :key="num"
@@ -48,9 +44,7 @@
                     v-for="(slotBlock, index) in slotAreaVal"
                     :key="index"
                     class="block"
-        >
-          {{ slotBlock?.type }}
-        </div>
+                >{{ slotBlock?.type }}</div>
             </div>
         </a-row>
     </div>
@@ -118,10 +112,21 @@ onMounted(() => {
     text-align: center;
     vertical-align: top;
     display: inline-block;
+    cursor: pointer;
+    transition: all 0.1s;
 }
 
+.block:hover {
+    transform: scale(1.05);
+}
+
+
 .disabled {
     background: grey;
     cursor: not-allowed;
 }
+
+.disabled:hover {
+    transform: scale(1);
+}
 </style>