折叠面板

折叠面板

用于设置整个折叠面板属性。每个折叠面板由三个折叠页构成。如图1。

图1 折叠面板

• 属性
  • 标题加粗：是否打开开关，默认关闭状态。
  • 字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。

    隐藏：勾选后，页面上该字段不可见、不可编辑。

  • 手风琴模式：打开开关后，默认收起所有面板，每次只展开其中一个面板，折叠其他面板。
  • 默认展开全部：默认展开所有面板内容。
  • 字体：设置字体样式。
  • 背景：设置折叠面板背景色。
• 高级
  • 样式
    • 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。
    • 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。
  • 事件：在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见事件说明。

折叠页

用于设置整个折叠页属性。如图2。

图2 折叠页

折叠页签标题

用于设置折叠页的标题和图标。每个折叠页签标题包含图标和标签两部分。

• 折叠页签标题
  设置整个折叠页签标题属性。如图3。

  图3 折叠页签标题
  

  • 标题加粗：是否打开开关，默认关闭状态。
  • 字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。

    隐藏：勾选后，页面上该字段不可见、不可编辑。

  • 背景：设置折叠页签标题背景色。
• 图标
  设置折叠页的图标属性。如图4。

  图4 图标
  

  • 标题加粗：是否打开开关，默认关闭状态。
  • 字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。

    隐藏：勾选后，页面上该字段不可见、不可编辑。

  • 鼠标悬停时展示：鼠标悬停在图标上显示的内容。
  • 字体：设置字体样式。
• 标签
  设置折叠页的标题标签属性。如图5。

  图5 标签
  

  • 标题加粗：是否打开开关，默认关闭状态。
  • 字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。

    隐藏：勾选后，页面上该字段不可见、不可编辑。

  • 文本内容：当前折叠页签的标题内容。
  • 鼠标悬停时展示：鼠标悬停在标签上显示的内容。
  • 字体：设置字体样式。

折叠页签内容

用于设置每个折叠页内展示的内容。根据需要展示的内容，从左侧组件库拖拽相应组件至“折叠页签内容”内，并对组件进行排版。支持展示不同类型的组件。如图6。

图6 折叠页签内容

• 字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。

  隐藏：勾选后，页面上该字段不可见、不可编辑。

• 字体：设置拖入组件标题字体样式。
• 背景：设置折叠页签内容背景色。