轻量级超级 css 工具
借鉴element主题做的. 轻量级超级简单的 css 工具
使用
Github 地址
github.com/jian2244668…
另一个 轻量级 layout 布局 css
演示地址
https://jian22446688.github.io/ele-layout-simple/demo/
它的痛点
- 对于每一个div 我们都要写对应的css类。 这个在开发的过程中非常浪费时间,并且不好维护。
用scss公共库实现样式和业务组件解耦, 快速提高开发效率! 对于每一个div 我们都要写对应的css类。 这个在开发的过程中非常浪费时间,并且不好维护。
我们发现项目的样式和组件耦合,导致每一个组件都有大量的css ,在这些css中绝大部分都是font-size、 padding 、margin、flex、color... 我们能不能像个办法 把这些常用的样式全部集成,这样我们就可以把所有的样式都从公共类中引用了。
把高频的样式集成到一个公共样式文件中
我们做了一个公共样式文件, 几乎所有高频的css都放进去了。
真实的使用体验 对于一般管控系统 比如基于element-ui ant-design 基本可以做到几乎不用写额外的样式 对于H5 css样式数量也几乎可以做到减少一半
- 只需要引入一个公共文件 足够简单
- 几乎每一个项目都能用到这些公共样式 使用足够高频
- 自从用了它,可以早点下班啦!
- 一次生成,到处复制。
说有的 class 前缀都是 cc-***
可以到我的掘金看详情
作者:晚星晨
链接:
https://juejin.im/post/5dbfe3796fb9a0206965ab1f
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。