分组

将内容进行分组, 支持分组的展开收起效果。

1. 控件介绍

分组控件顾名思义是将内容进行分组, 支持分组的展开收起效果。

2. 使用场景

页面内容可以分成多个独立模块时,比如录入人员信息时, 要分别录入个人信息、家庭信息、学历信息等,那么可以用分组控件,每个分组内信息是聚焦的。

3. 控件特性

3.1 头部设置

头部样式支持自定义或选择预置样式。自定义可配置标题展示图标或图片。预置样式可直接选择使用。

1718863674095

1718863485252

3.2 折叠设置

(1)可配置折叠图标的位置及折叠样式

折叠图标在头部:

1718863919512

折叠图标在内容区下:

1718863880984

(2)可配置打开页面时,分组默认是展开或收起状态,且可以设置不同条件下的状态。

1718864475947

3.3 设置高度

自适应高度:根据分组内的内容自适应,高度是动态的,分组控件自身不会出现纵向滚动条。

1718869781116

固定高度:高度固定,当分组内容超过固定高度时,分组控件自身将出现纵向滚动条。当父级容器小于控件高度时,父级容器出现纵向滚动条。

1718869898932

3.4 设置伸缩

分组控件也具备伸缩能力。

伸缩的详细介绍可参考容器自动拉伸和缩小

3.5 设置边距

内外边距设置详细介绍可参考边距设置

3.6 设置分割线

(1)可设置是否展示分割线。

1718871102177

(2)设置分割线的样式。

1718870308262

最后修改 August 23, 2024: 部分组件增加摘要。 (43968eb)