文件结构、命名优化；

IFLOW描述文件更新；
2025-09-28 16:34:48 +08:00
parent 2a4232b695
commit 931fa1afd3
6 changed files with 158 additions and 577 deletions
--- a/common/styles/base.scss
+++ b/common/styles/base.scss
@@ -0,0 +1,127 @@
+// 定义内外边距，历遍1-40
+@for $i from 0 through 40 {
+  // 只要双数和能被5除尽的数
+  @if $i % 2==0 or $i % 5==0 {
+    // 得出：u-margin-30或者u-m-30
+    .w-#{$i} {
+      width: calc($i * 1%) !important;
+    }
+    .p-x-#{$i} {
+      padding-left: $i + rpx !important;
+      padding-right: $i + rpx !important;
+    }
+
+    .p-y-#{$i} {
+      padding-top: $i + rpx !important;
+      padding-bottom: $i + rpx !important;
+    }
+
+    .m-x-#{$i} {
+      margin-left: $i + rpx !important;
+      margin-right: $i + rpx !important;
+    }
+
+    .m-y-#{$i} {
+      margin-top: $i + rpx !important;
+      margin-bottom: $i + rpx !important;
+    }
+
+    .m-#{$i} {
+      margin-left: $i + rpx !important;
+      margin-right: $i + rpx !important;
+      margin-top: $i + rpx !important;
+      margin-bottom: $i + rpx !important;
+    }
+
+    .p-#{$i} {
+      padding-left: $i + rpx !important;
+      padding-right: $i + rpx !important;
+      padding-top: $i + rpx !important;
+      padding-bottom: $i + rpx !important;
+    }
+
+    .m-l-#{$i} {
+      margin-left: $i + rpx !important;
+    }
+
+    .m-t-#{$i} {
+      margin-top: $i + rpx !important;
+    }
+
+    .m-r-#{$i} {
+      margin-right: $i + rpx !important;
+    }
+
+    .m-b-#{$i} {
+      margin-bottom: $i + rpx !important;
+    }
+
+    .p-l-#{$i} {
+      padding-left: $i + rpx !important;
+    }
+
+    .p-t-#{$i} {
+      padding-top: $i + rpx !important;
+    }
+
+    .p-r-#{$i} {
+      padding-right: $i + rpx !important;
+    }
+
+    .p-b-#{$i} {
+      padding-bottom: $i + rpx !important;
+    }
+
+    .l-p-#{$i} {
+      letter-spacing: $i + rpx !important;
+    }
+
+    .z-i-#{$i} {
+      z-index: $i;
+    }
+
+    .l-h-#{$i} {
+      line-height: $i + rpx !important;
+    }
+    .r-#{$i} {
+      right: $i + rpx !important;
+    }
+    .l-#{$i} {
+      left: $i + rpx !important;
+    }
+
+    .t-#{$i} {
+      top: $i + rpx !important;
+    }
+    .b-#{$i} {
+      bottom: $i + rpx !important;
+    }
+  }
+}
+
+// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
+@for $i from 9 through 60 {
+  .font-#{$i} {
+    font-size: $i + rpx !important;
+  }
+}
+
+// 圆角
+@for $i from 4 through 60 {
+  .rounded-#{$i} {
+    border-radius: $i + rpx;
+  }
+}
+
+// 多行文本溢出
+@for $i from 1 through 5 {
+  .over-line-#{$i} {
+    width: 100%;
+    height: calc($i * 1em + 0.5em);
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: $i;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+  }
+}