From f2963a17a880394383dd26de9590dc709c7c8bc8 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 29 Mar 2022 21:22:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=94=BB=E5=B8=83=E5=8C=BA=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E8=BE=B9=E6=A1=86=E8=A7=92=E5=BA=A6=E6=9C=AA=E7=94=9F?=
 =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/DeDrag/index.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index dc99592536..346a85d757 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -29,8 +29,7 @@
           ['de-drag-active-inner']:enabled,
           [classNameMouseOn]: mouseOn || active
         },
-        className,
-        'main-background'
+        className
       ]"
       :style="mainSlotStyle"
     >
@@ -44,7 +43,9 @@
       >
         <slot :name="handlei" />
       </div>
-      <slot />
+      <div :style="mainSlotStyleInner" class="main-background">
+        <slot />
+      </div>
     </div>
   </div>
 </template>
@@ -533,6 +534,10 @@ export default {
         width: this.computedMainSlotWidth,
         height: this.computedMainSlotHeight
       }
+      return style
+    },
+    mainSlotStyleInner() {
+      const style = {}
       if (this.element.commonBackground) {
         style['padding'] = (this.element.commonBackground.innerPadding || 0) + 'px'
         style['border-radius'] = (this.element.commonBackground.borderRadius || 0) + 'px'
@@ -1865,6 +1870,8 @@ export default {
   outline: 1px solid #70c0ff;
 }
   .main-background{
+    width: 100%;
+    height: 100%;
     background-size: 100% 100% !important;
   }
 </style>