分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。
在表单开发页面,从“基础组件”中拖拽“分栏”组件至表单设计区域,并在设计好“分栏”属性后,拖拽其他组件(如输入框、下拉框等)至每一个分栏中,如图1。
图1 分栏
属性
- pc布局
系统默认提供了一些常见的行布局,如单栏、两栏、三栏等。单击“pc布局”中的某一个模式,例如单击
![](https://support.huaweicloud.com/usermanual-welink/figure/zh-cn_image_0000001962844845.png)
,当前分栏将被分割成三栏,如
图2。
图2 pc布局
- 字段状态:指成员在访问表单时,对该字段的可见、可编辑权限。
隐藏:勾选后,页面上会隐藏该字段。
- 布局模式:设置PC屏幕,每一个分栏的栏布局模式。
- 流式布局:页面元素的宽度,按照屏幕分辨率进行适配调整,但整体布局不变。
- 弹性布局:可以简便、完整、响应式的实现各种页面布局,选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。
高级
- 样式
- 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
- 样式:使用CSS代码自定义组件样式。自定义代码支持多行输入,并高亮显示样式参数。