更新时间:2024-07-16 GMT+08:00
分享

分栏

分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。

在表单开发页面,从“基础组件”中拖拽“分栏”组件至表单设计区域,并在设计好“分栏”属性后,拖拽其他组件(如输入框、下拉框等)至每一个分栏中,如图1

图1 分栏

属性

  • pc布局
    系统默认提供了一些常见的行布局,如单栏、两栏、三栏等。单击“pc布局”中的某一个模式,例如单击,当前分栏将被分割成三栏,如图2
    图2 pc布局
  • 字段状态:指成员在访问表单时,对该字段的可见、可编辑权限。

    隐藏:勾选后,页面上会隐藏该字段。

  • 布局模式:设置PC屏幕,每一个分栏的栏布局模式。
    • 流式布局:页面元素的宽度,按照屏幕分辨率进行适配调整,但整体布局不变。
    • 弹性布局:可以简便、完整、响应式的实现各种页面布局,选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。

高级

  • 样式
    • 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
    • 样式:使用CSS代码自定义组件样式。自定义代码支持多行输入,并高亮显示样式参数。

相关文档