079076a70e
- 从 main 获取 single_uniapp22miao 子项目 - dart-sass: /deep/ -> ::v-deep，calc 运算符加空格 - DEPLOY.md 采用 shccd159 版本（4 子项目架构说明） Made-with: Cursor
80 lines
1.8 KiB
SCSS
Executable File
80 lines
1.8 KiB
SCSS
Executable File
// 定义内外边距 1-80(可以等于80)之间的偶数(双数)（补充uview边距类）
|
||
// 能被5除尽的1-80之间的数，如5，10，15，35等
|
||
// u-padding-x == u-p-x
|
||
// u-padding-left-x == u-p-l-x ...
|
||
// u-margin-x == u-m-x
|
||
// u-margin-left-x == u-m-l-x ...
|
||
@for $i from 0 through 80 {
|
||
// 只要双数和能被5除尽的数
|
||
@if $i % 2 == 0 or $i % 5 == 0 {
|
||
// 缩写版，结果如： u-m-l-30
|
||
// 定义外边距
|
||
.u-m-tb-#{$i} {
|
||
margin-top: $i + rpx!important;
|
||
margin-bottom: $i + rpx!important;
|
||
}
|
||
.u-m-lr-#{$i} {
|
||
margin-left: $i + rpx!important;
|
||
margin-right: $i + rpx!important;
|
||
}
|
||
// 定义内边距
|
||
.u-p-tb-#{$i} {
|
||
padding-top: $i + rpx!important;
|
||
padding-bottom: $i + rpx!important;
|
||
}
|
||
// 定义内边距
|
||
.u-p-lr-#{$i} {
|
||
padding-left: $i + rpx!important;
|
||
padding-right: $i + rpx!important;
|
||
}
|
||
}
|
||
}
|
||
// /* 间距大小 10rpx ~ 50rpx */
|
||
// @for $i from 1 to 6{
|
||
// .m-#{$i*10} {
|
||
// margin: $i * 10rpx;
|
||
// }
|
||
// .mt-#{$i*10} {
|
||
// margin-top: $i * 10rpx;
|
||
// }
|
||
// .ml-#{$i*10} {
|
||
// margin-left: $i * 10rpx;
|
||
// }
|
||
// .mr-#{$i*10} {
|
||
// margin-right: $i * 10rpx;
|
||
// }
|
||
// .mb-#{$i*10} {
|
||
// margin-bottom: $i * 10rpx;
|
||
// }
|
||
// .mlr-#{$i*10} {
|
||
// margin-left: $i * 10rpx;
|
||
// margin-right: $i * 10rpx;
|
||
// }
|
||
// .mtb-#{$i*10} {
|
||
// margin-top: $i * 10rpx;
|
||
// margin-bottom: $i * 10rpx;
|
||
// }
|
||
// .pt-#{$i*10} {
|
||
// padding-top: $i * 10rpx;
|
||
// }
|
||
// .pl-#{$i*10} {
|
||
// padding-left: $i * 10rpx;
|
||
// }
|
||
// .pr-#{$i*10} {
|
||
// padding-right: $i * 10rpx;
|
||
// }
|
||
// .pb-#{$i*10} {
|
||
// padding-bottom: $i * 10rpx;
|
||
// }
|
||
// .plr-#{$i*10} {
|
||
// padding-left: $i * 10rpx;
|
||
// padding-right: $i * 10rpx;
|
||
// }
|
||
// .ptb-#{$i*10} {
|
||
// padding-top: $i * 10rpx;
|
||
// padding-bottom: $i * 10rpx;
|
||
// }
|
||
// .p-#{$i*10} {
|
||
// padding: $i * 10rpx;
|
||
// }
|
||
// } |