组件简介


手风琴面板是只能添加在手风琴容器下的组件，一个轮播页容器为一个父对象，可容纳多个手风琴面板，每个手风琴面板可单独定义属性。
怎么添加手风琴面板？
添加手风琴面板的必要条件是已经添加好了一个手风琴容器，选中手风琴容器点击左侧的扩展组件再选中手风琴面板即可完成手风琴面板的添加。


使用场景

通过手风琴组件进行内容的分类展示是前端页面构建时常用的做法，常用于移动端, 但PC端也有, 主要使用场景是: 二级菜单。
如下图的演示效果，因为子级菜单下没有更深的层级, 所以这里可以直接使用手风琴组件来实现功能效果。





基本用法

1、手风琴面板的基础设置
添加好手风琴面板后，可以在面板中添加文本、图片、行列等各类前台组件。再根据需求设置标题、图标等属性。

2、多手风琴面板展示
在大多数应用场景下，所需展示的一级菜单（即手风琴面板）和二级菜单（即面板下的内容）都不止三五个，这时候，我们就可以把“for容器”和“if容器”搭配使用将菜单创建出来。
具体逻辑步骤为：首先通过for容器将一级菜单即手风琴面板循环创建出来，接着再通过循环创建和条件容器的搭配使用筛选出一级菜单下对应的二级菜单的视频数据。

下图为演示效果：


Q&A