- 这是组件的基本用法,单行分为等份的三栏,分栏的间隔是 15px 时的效果,你可以直接在设计态中修改。
- 自定义行列用法,在右侧配置中的 布局-自定义行列 中输入各栏的比例值即可,格式为
2:2:2:2:4。 - 多行用法,在右侧配置中的 布局-自定义行列 中输入各栏的比例值即可,格式为
2:2:2:2:4:6:6, 一旦比例之和大于 12 时就会另换一行渲染,建议总数始终保持 12 的倍数。多行的情况下,可能需要 设置行间距(上下间距)。
何时使用
- 当需要对页面或者区块进行分栏布局时使用。
ColumnsLayout 布局容器组件参考,介绍 12 栏分栏配置、预置布局与移动端换行规则,实现灵活的多栏页面布局。
2:2:2:2:4。2:2:2:2:4:6:6 ,
一旦比例之和大于 12 时就会另换一行渲染,建议总数始终保持 12 的倍数。多行的情况下,可能需要
设置行间距(上下间距)。