no message

Former-commit-id: b66bab38b9ec766eb4807c6ac99311cfa7b1367e
Former-commit-id: 98aa28132f7dfb1386d534cccb9b00516bbe6df1
Former-commit-id: 95ede8da9db4ce854d573c3c28a46b6d8b35ed3e
Former-commit-id: f30802a28314382d7652ee1a9d6b75afd327ccf7

src/assets/style/public-class.scss

@@ -40,40 +40,26 @@
 }
 
 // 边距相关
-.#{$prefix}-m { margin: $margin; }
-.#{$prefix}-mt { margin-top: $margin; }
-.#{$prefix}-mr { margin-right: $margin; }
-.#{$prefix}-mb { margin-bottom: $margin; }
-.#{$prefix}-ml { margin-left: $margin; }
+$sizes: (0, 10, 15, 20);
 
-.#{$prefix}-m-10 { margin: 10px; }
-.#{$prefix}-mt-10 { margin-top: 10px; }
-.#{$prefix}-mr-10 { margin-right: 10px; }
-.#{$prefix}-mb-10 { margin-bottom: 10px; }
-.#{$prefix}-ml-10 { margin-left: 10px; }
+@for $index from 1 to 5 {
+  .#{$prefix}-m-#{nth($sizes, $index)} { margin: #{nth($sizes, $index)}px; }
+  .#{$prefix}-mt-#{nth($sizes, $index)} { margin-top: #{nth($sizes, $index)}px; }
+  .#{$prefix}-mr-#{nth($sizes, $index)} { margin-right: #{nth($sizes, $index)}px; }
+  .#{$prefix}-mb-#{nth($sizes, $index)} { margin-bottom: #{nth($sizes, $index)}px; }
+  .#{$prefix}-ml-#{nth($sizes, $index)} { margin-left: #{nth($sizes, $index)}px; }
+}
 
-.#{$prefix}-m-0 { margin: 0px; }
-.#{$prefix}-mt-0 { margin-top: 0px; }
-.#{$prefix}-mr-0 { margin-right: 0px; }
-.#{$prefix}-mb-0 { margin-bottom: 0px; }
-.#{$prefix}-ml-0 { margin-left: 0px; }
+// 快速使用
 
+.#{$prefix}-m { margin: 20px; }
+.#{$prefix}-mt { margin-top: 20px; }
+.#{$prefix}-mr { margin-right: 20px; }
+.#{$prefix}-mb { margin-bottom: 20px; }
+.#{$prefix}-ml { margin-left: 20px; }
 
-
-.#{$prefix}-p { padding: $margin; }
-.#{$prefix}-pt { padding-top: $margin; }
-.#{$prefix}-pr { padding-right: $margin; }
-.#{$prefix}-pb { padding-bottom: $margin; }
-.#{$prefix}-pl { padding-left: $margin; }
-
-.#{$prefix}-p-10 { padding: 10px; }
-.#{$prefix}-pt-10 { padding-top: 10px; }
-.#{$prefix}-pr-10 { padding-right: 10px; }
-.#{$prefix}-pb-10 { padding-bottom: 10px; }
-.#{$prefix}-pl-10 { padding-left: 10px; }
-
-.#{$prefix}-p-0 { padding: 0px; }
-.#{$prefix}-pt-0 { padding-top: 0px; }
-.#{$prefix}-pr-0 { padding-right: 0px; }
-.#{$prefix}-pb-0 { padding-bottom: 0px; }
-.#{$prefix}-pl-0 { padding-left: 0px; }
+.#{$prefix}-p { padding: 20px; }
+.#{$prefix}-pt { padding-top: 20px; }
+.#{$prefix}-pr { padding-right: 20px; }
+.#{$prefix}-pb { padding-bottom: 20px; }
+.#{$prefix}-pl { padding-left: 20px; }

src/assets/style/public.scss

@@ -1,5 +1,4 @@
 @import '~@/assets/style/unit/_color.scss';
-@import '~@/assets/style/unit/_size.scss';
 
 // 工具类名统一前缀
 $prefix: d2;

src/assets/style/theme/theme.scss

@@ -71,16 +71,6 @@
     .el-aside {
       transition: width .3s;
       overflow: inherit;
-      // 空菜单
-      .d2-side-menu-empty {
-        background-color: rgba(#000, .03);
-        margin: $margin;
-        margin-top: 0px;
-        border-radius: 4px;
-        line-height: 100px;
-        text-align: center;
-        color: $color-text-sub;
-      }
       // [菜单] 正常状态
       .el-menu {
         background-color: transparent;

src/assets/style/unit/_size.scss

@@ -1 +0,0 @@
-$margin: 20px;

src/components/core/d2-container/index.vue

@@ -45,15 +45,11 @@ export default {
 <style lang="scss">
 @import '~@/assets/style/public.scss';
 .container-component {
-  // margin-right: 20px;
-  // margin-bottom: 20px;
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
-  // padding-right: $margin;
-  // padding-bottom: $margin;
   overflow: auto;
 }
 @media (min-width: 576px) {

src/pages/core/login/style.scss

@@ -61,6 +61,6 @@
   // 帮助按钮
   .button-help {
     width: 300px;
-    margin-top: $margin;
+    margin-top: 20px;
   }
 }

src/pages/demo/components/icon/select.vue

@@ -40,8 +40,8 @@ export default {
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .title-group {
-  margin-top: $margin;
-  margin-bottom: $margin / 2;
+  margin-top: 20px;
+  margin-bottom: 10px;
   &:first-child {
     margin-top: 0px;
   }

src/pages/demo/components/layout/grid.vue

@@ -94,9 +94,6 @@ export default {
     .el-card {
       height: 100%;
       @extend %unable-select;
-      // .el-card__header {
-      //   padding: 8px $margin;
-      // }
     }
     .vue-resizable-handle {
       opacity: .3;

src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue

@@ -47,7 +47,7 @@ export default {
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .col {
-  padding: $margin;
+  padding: 20px;
   border-radius: 4px;
   border-width: 1px;
   border-style: solid;