UI库中的CSS是通过SASS编译生成。
UI库与flexible.js配合使用。
UI库除了字体、边框宽度等,大部分是使用rem作为单位,可以在gulp中引入插件,自动计算。
扫描下面的二维码,查看在线demo
以“ui-label-”为前缀,默认有三种颜色,尺寸都一样。
在“label.scss”中有个私有@mixin,“_label”,如果自己要扩展可以引用此@mixin,可控制名字、内边距、边框宽度以及颜色。
<div class="ui-label-important">important</div> <div class="ui-label-success">success</div> <div class="ui-label-warning">warning</div>