树

src/styles/app.scss

@@ -108,30 +108,30 @@ body,
 /* 表格-e */
 
 /* 新增/编辑表单-s */
-.ba-operate-dialog {
+.cn-operate-dialog {
     overflow: hidden;
     border-radius: var(--el-border-radius-base);
 }
-.ba-operate-dialog .el-dialog__header {
+.cn-operate-dialog .el-dialog__header {
     padding-bottom: 16px;
     border-bottom: 1px solid var(--ba-bg-color);
 }
-.ba-operate-dialog .el-dialog__body {
+.cn-operate-dialog .el-dialog__body {
     height: 60vh;
     padding-top: 20px;
     padding-bottom: 52px;
 }
-.ba-operate-dialog .el-dialog__body .el-scrollbar {
+.cn-operate-dialog .el-dialog__body .el-scrollbar {
     padding-right: 60px;
 }
-.ba-operate-dialog .el-dialog__footer {
+.cn-operate-dialog .el-dialog__footer {
     padding: 10px var(--el-dialog-padding-primary);
     box-shadow: var(--el-box-shadow);
     position: absolute;
     width: 100%;
     bottom: 0;
 }
-.ba-operate-dialog .el-form--inline {
+.cn-operate-dialog .el-form--inline {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
 }
@@ -228,7 +228,7 @@ body,
     }
 }
 @media screen and (max-width: 1024px) {
-    .ba-operate-dialog {
+    .cn-operate-dialog {
         width: 96%;
     }
 }
@@ -238,3 +238,4 @@ body,
     }
 }
 /* 自适应-e */
+

src/styles/mixins.scss

@@ -28,3 +28,38 @@
         }
     }
 }
+
+// mt0,mr0,mb0,ml0 --> mt100,mr100,mb100,ml100
+@for $i from 0 through 100 {
+    .mt#{$i} {
+        margin-top: #{$i}px !important;
+    }
+
+    .mr#{$i} {
+        margin-right: #{$i}px !important;
+    }
+
+    .mb#{$i} {
+        margin-bottom: #{$i}px !important;
+    }
+
+    .ml#{$i} {
+        margin-left: #{$i}px !important;
+    }
+
+    .pt#{$i} {
+        padding-top: #{$i}px !important;
+    }
+
+    .pr#{$i} {
+        padding-right: #{$i}px !important;
+    }
+
+    .pb#{$i} {
+        padding-bottom: #{$i}px !important;
+    }
+
+    .pl#{$i} {
+        padding-left: #{$i}px !important;
+    }
+}