签到完成

ui/lib/styles/common.scss

@@ -17,13 +17,12 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
 /**
 常用内外边距样式
  */
-@each $padMar, $pm in (mar:margin, pad:padding) {
-  @each $v in (8, 10, 16, 20, 32, 48, 56, 64, 80) {
-    @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
-      .#{$padMar}-#{$pos+$v} {
-        #{$pm}-#{$p}: #{$v}px
-      }
-    }
+@each $v in (8, 10, 16, 20, 32, 48, 56, 64, 80) {
+  //gap
+  .gap-#{$v} {
+    gap: #{$v}px
+  }
+  @each $padMar, $pm in (mar:margin, pad:padding) {
     .#{$padMar}-#{$v} {
       #{$pm}: #{$v}px
     }
@@ -37,6 +36,11 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
       #{$pm}-left: #{$v}px;
       #{$pm}-right: #{$v}px;
     }
+    @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
+      .#{$padMar}-#{$pos+$v} {
+        #{$pm}-#{$p}: #{$v}px
+      }
+    }
   }
 }