luxcss 是什么？
luxcss 是一个样式生成工具，它可以监听你在 html/wxml/vue/jsx 文件中写的类名，并且自动生成该类名所代表的样式。简单地说，你只需要在页面写上你需要的类名，luxcss 会自动生成你需要的样式。
示例
- 我们在项目中有以下 html 代码
<div class="lux-bgc00b51d lux-w110 lux-h30 lux-cfff lux-bdrs4">
按钮
</div>
- luxcss 会自动生成以下 css 代码
.lux-bgc00b51d {background-color: #00b51d;}
.lux-w110 {width: 110px;}
.lux-h30 {height: 30px;}
.lux-cfff {color: fff;}
.lux-bdrs {border-radius: 4px;}
luxcss 试图解决快速开发中的一些问题
- 命名：不再纠结于命名，直接写样式就可以了
- 流畅：不再需要在 html/css 文件间频繁的切换
- 复用：拷贝过来的代码已经附带了所有样式
在使用过程中，luxcss 具有以下优势
- 自动监听文件更改，快速生成所需样式
- 只会生成你需要的样式，避免冗余的代码
- 参照 emmet cheat-sheet 表，拥有大量常用的样式可以使用
- luxcss 作为一个工具，不依赖框架，它可以监听单个文件，多个文件，也可以按照既定规则监听一个路径下的文件
- 可以配置单位，vw/rem/px/rpx 等
- 支持常用的样式：百分比 /负值 /小数点 /数字
Select Language