// 定义内外边距 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; // } // }