折叠面板

1. 基本用法

创建折叠面板实例:

const collapse = McrbHttpClient.collapse(containerId)

根据配置进行渲染:

collapse.render(options)

配置项options为option数组,option字段如下

name (String)折叠面板item的name属性
title (String)折叠面板item标题
content (String)折叠面板item展开后显示的文字内容

2. 使用实例:


                <div id="collapseTest"></div>
                <script>
                    const options = [
                    {
                        name: 'item1',
                        title: '测试标题一',
                        content: '测试内容一测试内容一测试内容一测试内容一测试内容一测试内容一'
                    },
                    {
                        name: 'item2',
                        title: '测试标题二',
                        content: '测试内容二测试内容二测试内容二测试内容二测试内容二测试内容二'
                    },
                    {
                        name: 'item3',
                        title: '测试标题三',
                        content: '测试内容三测试内容三测试内容三测试内容三测试内容三测试内容三'
                    },
                    {
                        name: 'item4',
                        title: '测试标题四',
                        content: '测试内容四测试内容四测试内容四测试内容四测试内容四测试内容四'
                    }
                    ]
                    const collapseTest = McrbHttpClient.collapse('collapseTest')
                    collapseTest.render(options)
                </script>
            

3. 效果展示:

 
本文档来自—microbee-http 丨 软件开发框架平台