分组
将内容进行分组, 支持分组的展开收起效果。
少于1分钟
1. 控件介绍
分组控件顾名思义是将内容进行分组, 支持分组的展开收起效果。
2. 使用场景
页面内容可以分成多个独立模块时,比如录入人员信息时, 要分别录入个人信息、家庭信息、学历信息等,那么可以用分组控件,每个分组内信息是聚焦的。
3. 控件特性
3.1 头部设置
头部样式支持自定义或选择预置样式。自定义可配置标题展示图标或图片。预置样式可直接选择使用。
3.2 折叠设置
(1)可配置折叠图标的位置及折叠样式
折叠图标在头部:
折叠图标在内容区下:
(2)可配置打开页面时,分组默认是展开或收起状态,且可以设置不同条件下的状态。
3.3 设置高度
自适应高度:根据分组内的内容自适应,高度是动态的,分组控件自身不会出现纵向滚动条。
固定高度:高度固定,当分组内容超过固定高度时,分组控件自身将出现纵向滚动条。当父级容器小于控件高度时,父级容器出现纵向滚动条。
3.4 设置伸缩
分组控件也具备伸缩能力。
伸缩的详细介绍可参考容器自动拉伸和缩小
3.5 设置边距
内外边距设置详细介绍可参考边距设置
3.6 设置分割线
(1)可设置是否展示分割线。
(2)设置分割线的样式。