手风琴组件，布局到你的站点中可以更加优雅和优雅的方式展示您的网页。组件应用场景经常用于站点中向访客展示“常见问题”。

点击查看”示例和视频操作” >>

1，如何插入设计组件

只需从左侧的组件控制面板【常规组件】中 ，选中组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示

为了易于理解及操作，下面的操作我们只说明常用的内容和样式设置，因为并不是每一个选项都是我们设计的时候需要用到的。

2，内容选项卡

2.1，手风琴-模块设置如下图 ， 点击“新增项目” 按钮 手风琴列表中会创建新的项目选项，接着你需要完成项目的标题与描述

3，样式选项卡

3.1，手风琴-样式设置模块， 此处你可以设置边框及边框颜色，如果你不希望显示边框，可以将边框设置为0 或颜色设置为背景色或透明

3.2，标题-样式设置模块，此处你可以设置手风琴标题的背景色，及字体颜色。请参考下图设置

设置圆角边框， （还需要在手风琴样式模块中边框宽度设置为0 ，并设置项目间距20px），会得到圆角标题如下

3.3，图标-样式设置模块，此处可以设置图标的对齐位置，颜色，以及与标题的间距，请参考下图。

3.4，内容-样式设置模块，此处可以设置背景色，字体颜色以及内边距。请参考下图。

恭喜你已完成当前组件的学习，感谢阅读。