diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index 1be67c4dba..3bdf0ca834 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -531,7 +531,7 @@ export default {
       if (this.parent) {
         this.bounds = this.calcResizeLimits()
       }
-      console.log('changeWidth：' + val)
+      // console.log('changeWidth：' + val)
       this.changeWidth(val)
     },
     h(val) {
@@ -584,7 +584,7 @@ export default {
       this.aspectFactor = this.outsideAspectRatio
     }
     this.width = this.w !== 'auto' ? this.w : width
-    console.log('width1:' + this.width)
+    // console.log('width1:' + this.width)
     this.height = this.h !== 'auto' ? this.h : height
     this.right = this.parentWidth - this.width - this.left
     this.bottom = this.parentHeight - this.height - this.top
@@ -1109,7 +1109,7 @@ export default {
       newH = restrictToBounds(newH, this.minH || 0, this.maxH)
       // 纵横比
       if (this.lockAspectRatio) {
-        console.log(this.lockAspectRatio, this.aspectFactor)
+        // console.log(this.lockAspectRatio, this.aspectFactor)
         if (newW / newH > this.aspectFactor) {
           newW = newH * this.aspectFactor
         } else {
@@ -1117,7 +1117,7 @@ export default {
         }
       }
       this.width = newW
-      console.log('width2:' + this.width)
+      // console.log('width2:' + this.width)
       this.height = newH
 
       this.$emit('resizing', this.left, this.top, this.width, this.height)
@@ -1128,8 +1128,8 @@ export default {
     },
     changeWidth(val) {
       debugger
-      console.log('parentWidth', this.parentWidth)
-      console.log('parentHeight', this.parentHeight)
+      // console.log('parentWidth', this.parentWidth)
+      // console.log('parentHeight', this.parentHeight)
       const [newWidth, _] = snapToGrid(this.grid, val, 0, this.scale)
       // const right = restrictToBounds(this.parentWidth - newWidth - this.left, this.bounds.minRight, this.bounds.maxRight)
       // private 将 this.bounds.minRight 设置为0
@@ -1143,7 +1143,7 @@ export default {
       this.right = right
       this.bottom = bottom
       this.width = width
-      console.log('width3:' + this.width)
+      // console.log('width3:' + this.width)
       this.height = height
     },
     changeHeight(val) {
@@ -1160,7 +1160,7 @@ export default {
       this.right = right
       this.bottom = bottom
       this.width = width
-      console.log('width4:' + this.width)
+      // console.log('width4:' + this.width)
       this.height = height
     },
     // 从控制柄松开
diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue
index a0d82477b2..e5233e428c 100644
--- a/frontend/src/components/canvas/components/Editor/Preview.vue
+++ b/frontend/src/components/canvas/components/Editor/Preview.vue
@@ -7,6 +7,7 @@
       v-for="(item, index) in componentDataInfo"
       :key="index"
       :config="item"
+      :class="{'gap_class':canvasStyleData.panel.gap==='yes'}"
     />
   </div>
 </template>
@@ -172,4 +173,7 @@ export default {
   flex-flow: row nowrap;
   color: #9ea6b2;
 }
+.gap_class{
+  padding:3px;
+}
 </style>
diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index 00169fe067..325a784040 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -214,7 +214,7 @@ export default {
     },
     componentData: {
       handler(newVal, oldVla) {
-        console.log('11111')
+        // console.log('11111')
       },
       deep: true
     }
@@ -508,7 +508,7 @@ export default {
       }
     },
     getRefLineParams(params) {
-      console.log(params)
+      // console.log(params)
       const { vLine, hLine } = params
       this.vLine = vLine
       this.hLine = hLine
diff --git a/frontend/src/components/canvas/store/snapshot.js b/frontend/src/components/canvas/store/snapshot.js
index d3ca59984d..e6eab66061 100644
--- a/frontend/src/components/canvas/store/snapshot.js
+++ b/frontend/src/components/canvas/store/snapshot.js
@@ -25,7 +25,7 @@ export default {
     },
 
     recordSnapshot(state) {
-      console.log('recordSnapshot')
+      // console.log('recordSnapshot')
       // 添加新的快照
       state.snapshotData[++state.snapshotIndex] = deepCopy(state.componentData)
       state.snapshotStyleData[state.snapshotIndex] = deepCopy(state.canvasStyleData)
diff --git a/frontend/src/views/dataset/add/AddCustom.vue b/frontend/src/views/dataset/add/AddCustom.vue
index 3cd911a803..ee2fb6c95e 100644
--- a/frontend/src/views/dataset/add/AddCustom.vue
+++ b/frontend/src/views/dataset/add/AddCustom.vue
@@ -157,7 +157,7 @@ export default {
           info: '{"list":' + JSON.stringify(this.checkedList) + '}'
         }
         post('/dataset/table/customPreview', table).then(response => {
-          console.log(response)
+          // console.log(response)
           this.fields = response.data.fields
           this.data = response.data.data
           const datas = this.data
diff --git a/frontend/src/views/system/datasource/index.vue b/frontend/src/views/system/datasource/index.vue
index f476f3c2b7..fcd2c4eaea 100644
--- a/frontend/src/views/system/datasource/index.vue
+++ b/frontend/src/views/system/datasource/index.vue
@@ -164,7 +164,7 @@ export default {
   },
   methods: {
     select(selection) {
-      console.log(selection)
+      // console.log(selection)
     },
     // create() {
     //   this.formType = 'add'
diff --git a/frontend/src/views/system/systemParamSettings/index.vue b/frontend/src/views/system/systemParamSettings/index.vue
index b789b650c7..e43a9cf823 100644
--- a/frontend/src/views/system/systemParamSettings/index.vue
+++ b/frontend/src/views/system/systemParamSettings/index.vue
@@ -34,7 +34,7 @@ export default {
   methods: {
     // hasLicense
     executeAxios(options) {
-      console.log(options)
+      // console.log(options)
     }
   }
 }