布局容器

使用场景

页面内容在水平方向进行分割,且布局比例固定。例如对于应用的工作台首页,左侧为快捷导航,右侧为轮播窗口,则需要使用布局容器对页面组件所在列比例进行固定配置。1

使用说明

页面编排功能支持在某个容器内或整个页面内拖入布局容器,组件默认将所在区域分为2列,并预置了多种布局方式,同时也支持自定义布局。

通过调整列比例,您可实现不同比例分列的布局模式,在列比例n_1 : n_2 : ... : n_N中,n_1+n_2+...+n_N=12。您也可以通过列间距来调整每列之间的距离大小。

使用示例

  • 布局容器拖入画布后,默认列比例为6:61

  • 选择目标布局容器(选择目标布局后,在其属性下方选择父层级布局容器),在列比例中选择默认四列的布局,则可以看到列比例变为3:3:3:31

  • 自定义布局容器列比例。选择目标布局容器,修改为目标列比例,您可看到画布中目标布局容器分列比例实现对应变更。1