轻量级超级 css 工具,借鉴element主题做的. 轻量级css 工具

轻量级超级 css 工具

借鉴element主题做的. 轻量级超级简单的 css 工具

使用

轻量级超级 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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


分享到:


相關文章: