less的loops属性对项目做公共样式优化

95 阅读1分钟

在项目中管理css一般都会使用预编译语言,其中less算是比较好用的一种。但是官方给的介绍中关于循环生成变量名的方法比较简单,没有针对一串数组值来编译变量名的方法。
总结很多文档之后,总结了下面方法用于快速生成css的方法,虽然直接用手写的方式 也能使用,但是感觉那样很low,而且css文件也会一大片的都是这种类似的的样式

类似这样,项目里有大量这样的代码 WechatIMG146.jpeg

使用less循环做优化

WechatIMG147.jpeg

编译之后的css

WechatIMG148.jpeg