From f80c80d2058eea1b1a0304adfb7c0a487ff11eb5 Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Tue, 2 Jan 2024 18:51:24 +0800
Subject: [PATCH] =?UTF-8?q?canvas(context):=20=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/API/canvas/canvas.uvue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/pages/API/canvas/canvas.uvue b/pages/API/canvas/canvas.uvue
index ab794901..053583ab 100644
--- a/pages/API/canvas/canvas.uvue
+++ b/pages/API/canvas/canvas.uvue
@@ -3,12 +3,12 @@
     <page-head :title="title"></page-head>
     <canvas class="canvas-element" canvas-id="canvas" id="canvas"></canvas>
     <scroll-view class="scroll-view" :scroll-y="true">
-      <view class="grid-list">
+      <view class="grid-view">
         <view class="grid-item" v-for="(name, index) in names" :key="index">
-          <button class="canvas-button" @click="handleCanvasButton(name)">{{name}}</button>
+          <button class="canvas-drawing-button" @click="handleCanvasButton(name)">{{name}}</button>
         </view>
       </view>
-      <button class="canvas-drawing-button" @click="toTempFilePath" type="primary">toTempFilePath</button>
+      <button class="btn-to-image" @click="toTempFilePath" type="primary">toTempFilePath</button>
     </scroll-view>
   </view>
 </template>
@@ -434,6 +434,7 @@
 
   .scroll-view {
     flex: 1;
+    padding-bottom: 50px;
   }
 
   .canvas-element {
@@ -442,16 +443,18 @@
     background-color: #ffffff;
   }
 
-  .grid-list {
-    padding: 15px;
+  .grid-view {
+    padding: 10px;
     flex-direction: row;
     flex-wrap: wrap;
-    box-sizing: border-box;
   }
 
   .grid-item {
-    box-sizing: border-box;
     width: 50%;
     padding: 5px;
   }
+
+  .btn-to-image {
+    margin: 10px;
+  }
 </style>
-- 
GitLab