如何用less 实现这个功能

新手上路,请多包涵
// 定义内外边距,历遍1-80
@for $i from 0 through 80 {
    // 只要双数和能被5除尽的数
    @if $i % 2 == 0 or $i % 5 == 0 {
        // 得出:u-margin-30或者u-m-30
        .u-margin-#{$i}, .u-m-#{$i} {
            margin: $i + rpx!important;
        }
        
        // 得出:u-padding-30或者u-p-30
        .u-padding-#{$i}, .u-p-#{$i} {
            padding: $i + rpx!important;
        }
        
        @each $short, $long in l left, t top, r right, b bottom {
            // 缩写版,结果如: u-m-l-30
            // 定义外边距
            .u-m-#{$short}-#{$i} {
                margin-#{$long}: $i + rpx!important;
            }
            
            // 定义内边距
            .u-p-#{$short}-#{$i} {
                padding-#{$long}: $i + rpx!important;
            }
            
            // 完整版,结果如:u-margin-left-30
            // 定义外边距
            .u-margin-#{$long}-#{$i} {
                margin-#{$long}: $i + rpx!important;
            }
            
            // 定义内边距
            .u-padding-#{$long}-#{$i} {
                padding-#{$long}: $i + rpx!important;
            }
        }
    }
}

这是 uView 的一段代码 可以自定义如 u-padding-left-30 功能,
如何实现less版本的啊 ?

阅读 629
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题