refactor: 去掉组件悬浮样式框多余的样式设置

frontend/src/components/canvas/components/TextAttr.vue

@@ -244,8 +244,6 @@ export default {
       'picture-add': [
         'borderStyle',
         'borderWidth',
-        'borderRadius',
-        'opacity',
         'borderColor',
         'hyperlinks'
       ],
@@ -254,15 +252,12 @@ export default {
         'fontSize',
         'fontWeight',
         'letterSpacing',
-        'color',
+        'color'
-        'backgroundColor'
       ],
       // tab组件显示的属性
       'de-tabs': [
         'borderStyle',
         'borderWidth',
-        'borderRadius',
-        'opacity',
         'borderColor',
         'deTabStyle'
       ],
@@ -270,20 +265,14 @@ export default {
       'rect-shape': [
         'borderStyle',
         'borderWidth',
-        'borderRadius',
+        'borderColor'
-        'opacity',
-        'borderColor',
-        'backgroundColor'
       ],
       // 时间组件显示的属性
       'de-show-date': [
         'textAlign',
         'fontSize',
         'fontWeight',
-        'opacity',
-        'borderRadius',
         'color',
-        'backgroundColor',
         'date-format',
         'time_margin',
         'padding'
@@ -295,10 +284,7 @@ export default {
         'fontSize',
         'fontWeight',
         'letterSpacing',
-        'opacity',
-        'borderRadius',
         'color',
-        'backgroundColor',
         'hyperlinks'
       ],
       'de-video': [
@@ -405,9 +391,9 @@ export default {
         this.innerOpacity = this.styleInfo['opacity'] * 100
       }
       if (this.curComponent.type === 'v-text') {
-        this.mainWidthOffset = 600
+        this.mainWidthOffset = 400
       } else if (this.curComponent.type === 'de-show-date') {
-        this.mainWidthOffset = 600
+        this.mainWidthOffset = 350
       } else {
         this.mainWidthOffset = document.getElementById('main-attr').offsetWidth - 50
       }

frontend/src/components/canvas/custom-component/component-list.js

@@ -208,9 +208,7 @@ const list = [
       letterSpacing: 0,
       textAlign: 'center',
       color: '#000000',
-      verticalAlign: 'middle',
+      verticalAlign: 'middle'
-      backgroundColor: '#ffffff',
-      borderRadius: 0
     },
     hyperlinks: HYPERLINKS,
     x: 1,
@@ -255,8 +253,7 @@ const list = [
     mobileStyle: BASE_MOBILE_STYLE,
     style: {
       width: 300,
-      height: 200,
+      height: 200
-      borderRadius: ''
     },
     x: 1,
     y: 1,
@@ -296,9 +293,7 @@ const list = [
       height: 200,
       borderStyle: 'solid',
       borderWidth: 0,
-      borderColor: '#000000',
+      borderColor: '#000000'
-      backgroundColor: '#ffffff',
-      borderRadius: 0
     },
     x: 1,
     y: 1,
@@ -317,8 +312,7 @@ const list = [
     mobileStyle: BASE_MOBILE_STYLE,
     style: {
       width: 300,
-      height: 200,
+      height: 200
-      borderRadius: ''
     },
     x: 1,
     y: 36,
@@ -341,9 +335,7 @@ const list = [
       height: 200,
       borderStyle: 'solid',
       borderWidth: 0,
-      borderColor: '#000000',
+      borderColor: '#000000'
-      backgroundColor: '#ffffff',
-      borderRadius: 0
     },
     options: {
       tabList: [{
@@ -377,10 +369,8 @@ const list = [
       textAlign: 'center',
       color: '#000000',
       verticalAlign: 'middle',
-      backgroundColor: '#ffffff',
       borderStyle: 'solid',
       borderColor: '#000000',
-      borderRadius: 0,
       time_margin: 0,
       padding: 10
     },
@@ -408,8 +398,7 @@ const list = [
     mobileStyle: BASE_MOBILE_STYLE,
     style: {
       width: 400,
-      height: 200,
+      height: 200
-      borderRadius: ''
     },
     frameLinks: FRAMELINKS,
     x: 1,
@@ -430,8 +419,7 @@ const list = [
     hyperlinks: HYPERLINKS,
     style: {
       width: 400,
-      height: 200,
+      height: 200
-      borderRadius: ''
     },
     x: 1,
     y: 1,
@@ -450,8 +438,7 @@ const list = [
     mobileStyle: BASE_MOBILE_STYLE,
     style: {
       width: 400,
-      height: 200,
+      height: 200
-      borderRadius: ''
     },
     videoLinks: VIDEOLINKS,
     x: 1,
@@ -471,8 +458,7 @@ const list = [
     mobileStyle: BASE_MOBILE_STYLE,
     style: {
       width: 400,
-      height: 200,
+      height: 200
-      borderRadius: ''
     },
     streamMediaLinks: STREAMMEDIALINKS,
     x: 1,