css样式组件拆分

src/components/yqrange/baseinfo.vue

@@ -215,7 +215,90 @@
 </script>
 
 <style lang="less">
-  .form-container {
-    margin-top: 40px;
+     .first-step {
+        margin-top: 20px;
+
+        .p-title {
+          padding-left: 10px;
+          margin-bottom: 15px;
+        }
+
+        .basic-item-icon {
+          position: relative;
+
+          .require {
+            position: absolute;
+            left: 67px;
+            top: 11px;
+            color: #f56c6c;
+          }
+
+          .upload-message {
+            position: absolute;
+            left: 160px;
+            top: 105px;
+            font-size: 12px;
+            color: #f56c6c;
+          }
+
+          .img-delete {
+            position: absolute;
+            left: 0px;
+            top: 0px;
+            width: 84px;
+            height: 100px;
+            background: #000;
+            opacity: 0.7;
+            z-index: 999;
+
+            i {
+              color: #fff;
+              margin-top: 39px;
+              margin-left: 0px;
+            }
+          }
+        }
+
+        .word-num {
+          font-size: 12px;
+          color: #999;
+          padding-top: 5px;
+        }
+
+        .line {
+          margin-left: 10px;
+          width: 20px;
+        }
+
+        .bg-uploader {
+          .bg-img {
+            float: left;
+            width: 84px;
+            height: 100px;
+          }
+
+          .limit-text {
+            float: left;
+            margin-left: 10px;
+            margin-top: -10px;
+
+            p {
+              font-size: 12px;
+              color: #999;
+            }
+          }
+        }
+
+        .el-upload__tip {
+          position: absolute;
+          top: -6px;
+          left: 130px;
+        }
+      }
+
+  .required-label .el-form-item__label::before {
+    content: '*';
+    color: #F56C6C;
+    margin-right: 4px;
   }
 </style>
\ No newline at end of file

src/views/yqrange/create-range.vue

@@ -89,7 +89,7 @@
         this.formData[item.name] = item.val
       },
     }
-}
+  }
 </script>
 <style lang="scss">
   .yqrange-index-wrapper {
@@ -142,93 +142,6 @@
           border: 1px solid #449284 !important;
         }
       }
-
-      .first-step {
-        margin-top: 20px;
-
-        .p-title {
-          padding-left: 10px;
-          margin-bottom: 15px;
-        }
-
-        .basic-item-icon {
-          position: relative;
-
-          .require {
-            position: absolute;
-            left: 67px;
-            top: 11px;
-            color: #f56c6c;
-          }
-
-          .upload-message {
-            position: absolute;
-            left: 160px;
-            top: 105px;
-            font-size: 12px;
-            color: #f56c6c;
-          }
-
-          .img-delete {
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            width: 84px;
-            height: 100px;
-            background: #000;
-            opacity: 0.7;
-            z-index: 999;
-
-            i {
-              color: #fff;
-              margin-top: 39px;
-              margin-left: 0px;
-            }
-          }
-        }
-
-        .word-num {
-          font-size: 12px;
-          color: #999;
-          padding-top: 5px;
-        }
-
-        .line {
-          margin-left: 10px;
-          width: 20px;
-        }
-
-        .bg-uploader {
-          .bg-img {
-            float: left;
-            width: 84px;
-            height: 100px;
-          }
-
-          .limit-text {
-            float: left;
-            margin-left: 10px;
-            margin-top: -10px;
-
-            p {
-              font-size: 12px;
-              color: #999;
-            }
-          }
-        }
-
-        .el-upload__tip {
-          position: absolute;
-          top: -6px;
-          left: 130px;
-        }
-      }
     }
   }
-
-  .required-label .el-form-item__label::before {
-    content: '*';
-    color: #F56C6C;
-    margin-right: 4px;
-  }
-</style>
+</style>
\ No newline at end of file