輕量級超級 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
來源:掘金
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。