From 336a982bbfb10ad4f5fc90d3394cd0353be405ae Mon Sep 17 00:00:00 2001
From: bighuixiang <472705331@qq.com>
Date: Sat, 2 Aug 2025 00:07:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E7=94=BB=E5=B8=83=E5=88=9D=E5=A7=8B=E5=8C=96=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/Canvas/canvasExample.vue | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/component/Canvas/canvasExample.vue b/src/component/Canvas/canvasExample.vue
index 7aefad46..0d3a58b1 100644
--- a/src/component/Canvas/canvasExample.vue
+++ b/src/component/Canvas/canvasExample.vue
@@ -17,7 +17,10 @@ const imageData = [
     name: "风景照片",
     type: "风景",
     imgList: [
-      { url: "https://www.minio-api.aida.com.hk/aida-users/83/printboard/7a0cccfc-1e3c-4c38-af65-d6179f21a267.png?response-content-type=image%2Fpng&response-content-disposition=inline&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250723%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250723T025046Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=3612d6c168207bebdae2fa7c7c2c86ea0f48358b99b8b41dec9e2ff15e197e15", name: "山景" },
+      {
+        url: "https://www.minio-api.aida.com.hk/aida-users/83/printboard/7a0cccfc-1e3c-4c38-af65-d6179f21a267.png?response-content-type=image%2Fpng&response-content-disposition=inline&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250723%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250723T025046Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=3612d6c168207bebdae2fa7c7c2c86ea0f48358b99b8b41dec9e2ff15e197e15",
+        name: "山景",
+      },
       { url: "/src/assets/work/2.PNG", name: "海景" },
     ],
   },
@@ -168,9 +171,9 @@ const changeFixedImage = () => {
 const canvasInit = () => {
   console.log("画布初始化完成");
   // 可以在这里执行一些初始化逻辑
-  canvasEditor.value.changeFixedImage(clothingImageUrlInit, {
-    imageMode: "contains", // 设置底图包含在画布内
-  });
+  // canvasEditor.value.changeFixedImage(clothingImageUrlInit, {
+  //   imageMode: "contains", // 设置底图包含在画布内
+  // });
 };
 
 const isShowLeft = ref(true);
@@ -276,7 +279,7 @@ body {
 
 .app-container {
   height: 100%;
-//   height: 100vh;
+  //   height: 100vh;
   display: flex;
   flex-direction: column;
 }
@@ -357,7 +360,7 @@ body {
 .custom-tool-btn {
   position: relative;
   width: 3.5rem;
-height: 3.5rem;
+  height: 3.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -386,9 +389,9 @@ height: 3.5rem;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.7);
   color: white;
-  padding: .4rem .8rem;
-  border-radius: .4rem;
-  margin-left: .8rem;
+  padding: 0.4rem 0.8rem;
+  border-radius: 0.4rem;
+  margin-left: 0.8rem;
   white-space: nowrap;
   font-size: 1.2rem;
   z-index: 10;
@@ -399,8 +402,8 @@ height: 3.5rem;
   position: absolute;
   top: 50%;
   right: 100%;
-  margin-top: -.5rem;
-  border-width: .5rem;
+  margin-top: -0.5rem;
+  border-width: 0.5rem;
   border-style: solid;
   border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
 }