From 52ae80c6dd928bc5b15e5a2e4e49696626df6754 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 21 Jun 2024 12:02:08 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=AA=E8=A1=A8=E6=9D=BF=E8=BE=B9=E7=95=8C?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=EF=BC=8C=E4=BF=AE=E5=A4=8D=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?Tab+=E7=BD=91=E9=A1=B5+=E5=85=AC=E5=85=B1=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=EF=BC=8C=E5=8F=B3=E8=BE=B9=E8=BE=B9=E6=A1=86?=
 =?UTF-8?q?=E8=B7=9D=E7=A6=BB=E8=BE=83=E5=A4=A7=E9=97=AE=E9=A2=98=20#10176?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/canvas/components/editor/Preview.vue      | 5 +++--
 core/frontend/src/views/panel/list/PanelViewShow.vue         | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/core/frontend/src/components/canvas/components/editor/Preview.vue b/core/frontend/src/components/canvas/components/editor/Preview.vue
index 104a7da8c3..7538baa085 100644
--- a/core/frontend/src/components/canvas/components/editor/Preview.vue
+++ b/core/frontend/src/components/canvas/components/editor/Preview.vue
@@ -322,6 +322,7 @@ export default {
         'letterSpacing'
       ],
       scaleWidth: '100',
+      scaleWidthLay: '100',
       scaleHeight: '100',
       timer: null,
       componentDataShow: [],
@@ -451,7 +452,7 @@ export default {
       if (this.backScreenShot) {
         style.height = this.mainHeight
       } else {
-        style.padding = '5px'
+        style.padding = '0px'
       }
       return style
     },
@@ -806,7 +807,7 @@ export default {
     restore() {
       const canvasHeight = document.getElementById(this.previewDomId).offsetHeight
       const canvasWidth = document.getElementById(this.previewDomId).offsetWidth
-      this.scaleWidth = (canvasWidth) * 100 / this.canvasStyleData.width // 获取宽度比
+      this.scaleWidth = (canvasWidth) * 100 / (this.canvasStyleData.width - 8) // 获取宽度比
       // 如果是后端截图方式使用 的高度伸缩比例和宽度比例相同
       if (this.backScreenShot) {
         this.scaleHeight = this.scaleWidth
diff --git a/core/frontend/src/views/panel/list/PanelViewShow.vue b/core/frontend/src/views/panel/list/PanelViewShow.vue
index a2a54d3643..f0cc9761c2 100644
--- a/core/frontend/src/views/panel/list/PanelViewShow.vue
+++ b/core/frontend/src/views/panel/list/PanelViewShow.vue
@@ -932,7 +932,7 @@ export default {
   height: calc(100% - 56px);
   overflow-x: hidden;
   overflow-y: auto;
-  /*padding: 5px;*/
+  padding: 5px;
 }
 
 .custom-position {