AssemblyCss
通过组合class方式快速书写css的库
方便快捷
通过npm安装或直接引入css文件, 随时可用, 在大型项目中表现尤为出色
简单构建
通过 gulp + scss 的构建,快捷构建出打包后的css文件, 一处引入, 全局使用。
易于维护
在团队开发过程中, 修改样式只需要更改DOM上的类即可, 避免了DOM逐级嵌套样式的混乱
快速开发三栏布局
使用 assembly-css
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/assembly-css/dist/assembly-css.css">
<section class="flex j-between">
<div class="w-200 bg-green">left</div>
<div class="flex-1 bg-blue">content</div>
<div class="w-200 bg-green">right</div>
</section>
渲染结果