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