feat(goods): 基础设置样式问题处理

src/views/goodsManage/goodsRelease/jcsz.vue

@@ -528,29 +528,8 @@
                 </el-form-item>
               </el-col>
             </el-row>
-            <el-row>
-              <!-- <el-col :span="8">
-                <el-form-item
-                  :label="'主视频'"
-                  prop="videoUrl"
-                >
-                  <imageUpload
-                    v-model="form.videoUrl"
-                    :is-video="true"
-                  />
-                </el-form-item>
-              </el-col> -->
-              <el-col :span="8">
-                <el-form-item
-                  label="商品封面"
-                  prop="cover"
-                >
-
-                  <imageUpload v-model="form.cover" />
-                </el-form-item>
-              </el-col>
-            </el-row>
             <template v-if="form.specialArea === 14">
+              <el-row style="margin-bottom: 18px;">
                 <el-row style="margin-bottom: 18px;">
                   <el-col :span="24" class="extra-wrapper">
                     <el-col :span="24">
@@ -590,7 +569,31 @@
                     </el-col>
                   </el-col>
                 </el-row>
+              </el-row>
             </template>
+            <el-row>
+              <!-- <el-col :span="8">
+                <el-form-item
+                  :label="'主视频'"
+                  prop="videoUrl"
+                >
+                  <imageUpload
+                    v-model="form.videoUrl"
+                    :is-video="true"
+                  />
+                </el-form-item>
+              </el-col> -->
+              <el-col :span="8">
+                <el-form-item
+                  label="商品封面"
+                  prop="cover"
+                >
+
+                  <imageUpload v-model="form.cover" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
             <el-row style="margin-top: 10px; margin-bottom: 10px;">
               <el-col :span="8">
                 <el-form-item
@@ -1146,7 +1149,8 @@ export default {
   height: calc(100vh - 50px);
   overflow: hidden;
   background: #f9f9f9;
-  padding-top: 20px;
+  // padding-top: 20px;
+  padding: 20px
 }
 .main {
   display: flex;
@@ -1158,7 +1162,7 @@ export default {
   background: #ffffff;
   border-radius: 8px;
   box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
-  margin: 0px 20px 0 20px;
+  // margin: 0px 20px 0 20px;
   height: 100%;
   overflow-y: auto;
   padding: 0 10px;
@@ -1249,4 +1253,19 @@ export default {
 ::v-deep .el-form-item {
   margin-bottom: 15px;
 }
+.extra-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 10px;
+  margin-top: 10px;
+  text-indent: 40px;
+
+}
+.extra-wrapper {
+  margin-top: 10px;
+  padding: 10px;
+  border-radius: 5px;
+  border: 1px dashed #cccccc;
+}
 </style>