hero

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>

渲染结果