折叠面板

概述

用于将复杂的内容区域分组和隐藏，可折叠或展开，默认可以展开多个面板，也可以只展开某几个面板。

何时使用

1. 对复杂区域进行分组和隐藏，保持页面的整洁。

2. （手风琴）是一种特殊的折叠面板，只允许单个内容区域展开。

何时不使用

1. 等待时间过短时：当用户的等待时间小于2s时，建议使用“加载中”组件，而非“进度条”。

2. 操作进度不能量化：当前操作进度不能进行量化时，建议使用“加载中”组件，不应使用“进度条”。

组件结构

1. 标题（必选），用来描述当下场景的主要内容

2. 正文内容（必选），进一步描述当下状态和内容

3. 图标（可选），可根据使用场景隐藏组件中的箭头图标

4. 右上角开放自定义区域（可自行配置相应的状态和操作，可含有图标、纯文本以及状态加文本）

组件类型

常规折叠面板

可以同时展开多个面板

手风琴折叠面板

每次只打开一个 tab

嵌套面板

嵌套折叠面板

隐藏箭头

可以隐藏组件的箭头图标

无边框的简洁样式

自定义面板

自定义各个面板的背景色、圆角、边距和图标

无边框的简洁样式

可折叠触发区域

可以设置面板的可折叠触发区域