优化界面布局样式

smsb-plus-ui/src/views/smsb/itemProgram/EditProgram.vue

@@ -815,7 +815,7 @@ const goBack = () => {
   width: 90%;
   height: 75%;
   background: #e9eef3;
-  border-radius: 10px;
+  border-radius: 0px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -836,7 +836,7 @@ const goBack = () => {
   margin-top: -5%;
   margin-bottom: 1%;
   background: #fafbfc;
-  border-radius: 8px;
+  border-radius: 0px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   gap: 16px;
   padding: 0 16px;
@@ -846,7 +846,7 @@ const goBack = () => {
   user-select: none;
   cursor: grab;
   background: #fff;
-  border-radius: 4px;
+  border-radius: 0px;
   /* margin: 8px 0 8px 8px; */
   width: 92px;
   min-height: 50px;
@@ -979,13 +979,13 @@ const goBack = () => {
   justify-content: center;
   font-size: 20px;
   color: #aaa;
-  border-radius: 12px;
+  border-radius: 0px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
 
 .component-item {
   border: 2px solid #e3e3e3;
-  border-radius: 10px;
+  border-radius: 0px;
   background: #fafbfc;
   margin-bottom: 16px;
   padding: 18px 0;

smsb-plus-ui/src/views/smsb/itemProgram/component/MediaAssetBoard.vue

@@ -8,8 +8,8 @@
     justifyContent: 'center',
     overflow: 'hidden',
     flexDirection: 'column',
-    gap: '8px',
-    padding: '8px',
+    // gap: '8px',
+    // padding: '8px',
     borderRadius: props.borderRadius + 'px'
   }" @click="$emit('click', $event)">
     <!-- 预览窗口 -->
@@ -276,7 +276,7 @@ function onResizeMouseDown(dir: string, e: MouseEvent) {
 }
 
 .select-hint {
-  margin-top: 8px;
+  /* margin-top: 8px; */
   font-size: 12px;
   color: #909399;
 }
@@ -335,7 +335,7 @@ function onResizeMouseDown(dir: string, e: MouseEvent) {
   right: 0;
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
-  padding: 4px 8px;
+  /* padding: 4px 8px; */
   font-size: 12px;
   text-align: center;
   white-space: nowrap;