From 5e843df8d91b56de4cbb8756e70900819b82ef5b Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 5 Mar 2024 18:14:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=A7=BB=E5=8A=A8=E7=AB=AF):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=88=90=E5=8A=9F=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E8=83=8C=E6=99=AF=E5=9B=BE=E7=89=87=EF=BC=8C=E4=BD=86?=
 =?UTF-8?q?=E4=B8=8B=E6=AC=A1=E8=BF=9B=E8=A1=8C=E7=BC=96=E8=BE=91=E7=9A=84?=
 =?UTF-8?q?=E6=97=B6=E5=80=99=E8=83=8C=E6=99=AF=E5=9B=BE=E7=89=87=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98=20#8239?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/frontend/src/components/canvas/components/Toolbar.vue | 2 +-
 core/frontend/src/views/mobile/index.vue                   | 3 ++-
 core/frontend/src/views/panel/edit/ComponentWait.vue       | 1 +
 core/frontend/src/views/panel/edit/index.vue               | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/core/frontend/src/components/canvas/components/Toolbar.vue b/core/frontend/src/components/canvas/components/Toolbar.vue
index e3aa061fe6..04b5e9c580 100644
--- a/core/frontend/src/components/canvas/components/Toolbar.vue
+++ b/core/frontend/src/components/canvas/components/Toolbar.vue
@@ -655,7 +655,7 @@ export default {
     openMobileLayout(switchVal) {
       if (switchVal) {
         this.$store.commit('openMobileLayout')
-        bus.$emit('mobile-status-change', 'openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
+        bus.$emit('mobile-status-change', 'openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo, canvasStyleData: this.canvasStyleData })
       } else {
         this.mobileLayoutSave()
       }
diff --git a/core/frontend/src/views/mobile/index.vue b/core/frontend/src/views/mobile/index.vue
index 547a9a6847..a14cc5bd4c 100644
--- a/core/frontend/src/views/mobile/index.vue
+++ b/core/frontend/src/views/mobile/index.vue
@@ -24,7 +24,7 @@ import {
 } from '@/components/canvas/utils/utils'
 import { mapState } from 'vuex'
 import { hexColorToRGBA } from '@/views/chart/chart/util'
-import store from "@/store";
+import store from '@/store'
 export default {
   components: { DeCanvas, CanvasOptBar },
   data() {
@@ -90,6 +90,7 @@ export default {
 
       if (event.data.type === 'openMobileLayout') {
         this.$store.commit('setComponentData', event.data.value.componentData)
+        this.$store.commit('setCanvasStyle', event.data.value.canvasStyleData)
         this.$store.dispatch('panel/setPanelInfo', event.data.value.panelInfo)
         this.$store.commit('openMobileLayout')
       }
diff --git a/core/frontend/src/views/panel/edit/ComponentWait.vue b/core/frontend/src/views/panel/edit/ComponentWait.vue
index bf1978caf1..a06d912d06 100644
--- a/core/frontend/src/views/panel/edit/ComponentWait.vue
+++ b/core/frontend/src/views/panel/edit/ComponentWait.vue
@@ -136,6 +136,7 @@ export default {
   height: calc(100% - 40px);
   float: left;
   overflow-y: auto;
+  background-size: 100% 100% !important;
 }
 
 .component-custom {
diff --git a/core/frontend/src/views/panel/edit/index.vue b/core/frontend/src/views/panel/edit/index.vue
index cb0a2f3624..71641092e9 100644
--- a/core/frontend/src/views/panel/edit/index.vue
+++ b/core/frontend/src/views/panel/edit/index.vue
@@ -888,7 +888,7 @@ export default {
   methods: {
     handleLoad() {
       this.mobileLoading = false
-      this.mobileStatusChange('openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
+      this.mobileStatusChange('openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo, canvasStyleData: this.canvasStyleData })
     },
     deleteComponentWithId(id) {
       for (let index = 0; index < this.pcComponentData.length; index++) {