From ab8763d3fd87727e974848cc0aab8ad3288e8556 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 5 Jul 2022 18:19:36 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E8=A7=86=E5=9B=BE):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=AC=A6=E5=8F=B7=E5=9C=B0=E5=9B=BE=E5=AF=B9=E5=85=AC?=
 =?UTF-8?q?=E5=85=B1=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E7=9A=84=E9=80=82?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/ComponentWrapper.vue         | 8 ++++++--
 frontend/src/views/panel/edit/ComponentWaitItem.vue       | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 22b901c00d..0c1bd92118 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -216,7 +216,11 @@ export default {
           height: '100%'
         }
       } else {
-        return getStyle(style, ['top', 'left', 'width', 'height', 'rotate'])
+        return {
+          ...
+          getStyle(style, ['top', 'left', 'width', 'height', 'rotate']),
+          position: 'relative'
+        }
       }
     },
 
@@ -270,6 +274,6 @@ export default {
     background-size: 100% 100%!important;
   }
   .component{
-    position: relative;
+    //position: relative;
   }
 </style>
diff --git a/frontend/src/views/panel/edit/ComponentWaitItem.vue b/frontend/src/views/panel/edit/ComponentWaitItem.vue
index 715e7995a2..2db5a00497 100644
--- a/frontend/src/views/panel/edit/ComponentWaitItem.vue
+++ b/frontend/src/views/panel/edit/ComponentWaitItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="component-item" >
+  <div class="component-item">
     <div :style="commonStyle">
       <mobile-check-bar v-if="mobileCheckBarShow" :element="config" />
       <de-out-widget
@@ -113,7 +113,11 @@ export default {
   },
   methods: {
     getComponentStyleDefault(style) {
-      return getStyle(style, ['top', 'left', 'width', 'height', 'rotate'])
+      return {
+        ...
+        getStyle(style, ['top', 'left', 'width', 'height', 'rotate']),
+        position: 'relative'
+      }
     }
   }
 }