From 7c4b95a16186392f2567489743b9e89eaa9013f8 Mon Sep 17 00:00:00 2001
From: 63db3122f0950a2aef64df95 <63db3122f0950a2aef64df95@devide>
Date: Wed, 12 Jul 2023 21:22:00 +0800
Subject: [PATCH] Wed Jul 12 21:22:00 CST 2023 inscode

---
 src/App.vue                   | 4 +++-
 src/components/RandomTree.vue | 9 +++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 35ccb3b..7488979 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@ import { is_empty, checkWin, is_black, is_white, robotPlay } from "./utils"
 import RandomTree from "./components/RandomTree.vue";
 // import { robotPlay } from './utils/api'
 // 配置
-const size = ref(20)
+const size = ref(30)
 const win_size = ref(5)
 // 棋盘
 const lattices = ref([])
@@ -53,6 +53,7 @@ function setPiece([y, x], type) {
   lattices.value[y][x] = type
 }
 async function playChess(item, row, col) {
+  console.time('playChess')
   if (isWin.length || item !== is_empty) return
 
   // 玩家下棋
@@ -70,6 +71,7 @@ async function playChess(item, row, col) {
   if (testRobo) {
     isWin = testRobo
   }
+  console.timeEnd('playChess')
 }
 </script>
 
diff --git a/src/components/RandomTree.vue b/src/components/RandomTree.vue
index 637a00a..da633e6 100644
--- a/src/components/RandomTree.vue
+++ b/src/components/RandomTree.vue
@@ -1,5 +1,5 @@
 <template>
-    <canvas width="500" height="300" ref="canvas"></canvas>
+    <canvas class="canvas" width="500" height="300" ref="canvas"></canvas>
 </template>
 
 <script setup>
@@ -71,9 +71,14 @@ function drawBranch(ctx, v0, thick, len, dir) {
 </script>
 
 <style>
-canvas {
+.canvas {
     position: absolute;
     right: 10px;
     bottom: 10px;
+    pointer-events: none;
+}
+
+.canvas:hover {
+    opacity: 0.3;
 }
 </style>
\ No newline at end of file
-- 
GitLab