可配置的 flex layout 库, 使用 ac- 做为 @anycms 组织的组件前缀命名.
pnpm i @anycms/layout
import { AnyCmsLayoutModule } from '@anycms/layout';
<ac-layout [config]="config">
<div *element>1</div>
<div *element>2</div>
<div *element>3</div>
<div *element>4</div>
</ac-layout>config!: LayoutConfig;
config = layoutBuilder("column")
.justify("space-between")
.align("center")
.row()
.align("start")
.count(2)
.flex(1,2)
.row()
.count(2)
.flex(10,1)
.root()
.flex(1,2)
.build();