布局容器

布局容器可以用来实现分栏布局。 组件默认分为 12 栏，并预置了多种布局方式，同时也支持自定义布局。 手机端一行只支持 4 栏，超过 4 栏的会换行处理，如果换行后单行会横向铺满

• 这是组件的基本用法，单行分为等份的三栏，分栏的间隔是 15px 时的效果，你可以直接在设计态中修改。
• 自定义行列用法，在右侧配置中的 布局-自定义行列 中输入各栏的比例值即可，格式为 2:2:2:2:4。
• 多行用法，在右侧配置中的 布局-自定义行列 中输入各栏的比例值即可，格式为 2:2:2:2:4:6:6 ， 一旦比例之和大于 12 时就会另换一行渲染，建议总数始终保持 12 的倍数。多行的情况下，可能需要 设置行间距（上下间距）

何时使用

• 当需要对页面或者区块进行分栏布局时使用

示例

组件属性

参数	说明	类型	默认值	可选值
spans	列比例	array	[6, 6, 12]	--
columnGap	列间距	number	16	--
rowGap	行间距	number	16	--