【文件属性】：
文件名称：开发小程序折叠面板
文件大小：84KB
文件格式：PDF
更新时间：2021-03-29 16:52:48
开发,小,程序,折叠,面板,参考,了,一系列,的,
(此图片来源于网络，如有侵权，请联系删除! )
参考了一系列的小程序UI库。。。，最后参考了ant-design的折叠面板(collapse)组件设计，功能大致如下
支持默认展开
动态设置标签栏
动态设置内容
支持无效状态
支持切换响应方法
戳源码
构思
折叠面板组件由列表组件(ui-list)实现，列表项作为标签页，列表项子元素 content 作为弹出层，数据子项结构大致如下
{
title: '标签标题',
content: '弹层内容'
}
复制代码
列表组件
构建一个动态组件 ui-list ，通过配置文件实现列表结构，将如下这段数据结构
const mockData