使用场景
在页面中的复杂区域,您可以使用折叠面板组件进行分组和隐藏,保持页面的整洁。
使用说明
折叠面板组件的属性有手风琴模式、子面板分离模式和面板项设置等。
-
手风琴模式:当您开启手风琴模式时,一次只能展开一个面板。在右侧属性面板中开启手风琴模式开关,使同一时间仅展开一个面板项。
-
子面板分离模式:当您开启子面板分离模式时,面板项分离成单独的面板项。在右侧属性面板中,开启子面板分离模式开关。
-
面板项设置:当您对单个面板项进行设置时,可将该面板项设置为默认展开,页面加载后会默认展开该面板项的内容。在右侧属性面板底部的面板项设置区域,单击目标面板项的编辑图标进入面板项配置,开启默认展开开关可将该面板项设置为默认展开状态。同时可通过添加一项+新增面板项,或通过删除图标和拖拽手柄管理已有面板项。
使用示例
折叠面板组件部署效果如下。折叠面板(Accordion)组件包含两个面板项:面板项1和面板项2,每个面板项左侧带有展开箭头,内容区域各包含一个文本输入框,两个面板项均处于展开状态。
该文章对您有帮助吗?