Collapse 折叠面板
通过折叠面板收纳内容区域
基础用法
基础的结果组件，展示成功、警告或错误等不同状态的结果页面。
使用 name 属性作为唯一的表示，让各个面板之间不受影响。通过title属性来设置面板标题。
Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
声明式渲染：Vue 采用了基于 HTML 的模板语法，使开发者可以用一种更接近自然语言的方式来描述界面。
组件系统：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
响应式数据：Vue 采用了数据驱动的方式，当数据发生变化时，界面会自动更新。
虚拟 DOM：Vue 采用了虚拟 DOM 的技术，使得界面的更新更加高效。
路由：Vue 提供了一套路由系统，使得开发者可以在单页应用中实现页面之间的跳转。
Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
Vue Router 用于实现单页应用中的路由功能；Vuex 用于实现全局状态管理；Vue CLI 用于快速构建 Vue 应用；Vue Server Renderer 用于将 Vue 应用渲染为服务器端的 HTML。
Vue 具有以下优势：
- 简单易用：Vue 的语法简单易懂，易于上手。
- 性能高效：Vue 使用了虚拟 DOM 的技术，使得界面的更新更加高效。
- 组件化：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
- 生态丰富：Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
手风琴效果
通过 accordion 属性来设置是否以手风琴模式显示。
Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
声明式渲染：Vue 采用了基于 HTML 的模板语法，使开发者可以用一种更接近自然语言的方式来描述界面。
组件系统：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
响应式数据：Vue 采用了数据驱动的方式，当数据发生变化时，界面会自动更新。
虚拟 DOM：Vue 采用了虚拟 DOM 的技术，使得界面的更新更加高效。
路由：Vue 提供了一套路由系统，使得开发者可以在单页应用中实现页面之间的跳转。
Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
Vue Router 用于实现单页应用中的路由功能；Vuex 用于实现全局状态管理；Vue CLI 用于快速构建 Vue 应用；Vue Server Renderer 用于将 Vue 应用渲染为服务器端的 HTML。
Vue 具有以下优势：
- 简单易用：Vue 的语法简单易懂，易于上手。
- 性能高效：Vue 使用了虚拟 DOM 的技术，使得界面的更新更加高效。
- 组件化：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
- 生态丰富：Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
自定义图标
通过 icon 属性来设置面板的图标。
Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
声明式渲染：Vue 采用了基于 HTML 的模板语法，使开发者可以用一种更接近自然语言的方式来描述界面。
组件系统：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
响应式数据：Vue 采用了数据驱动的方式，当数据发生变化时，界面会自动更新。
虚拟 DOM：Vue 采用了虚拟 DOM 的技术，使得界面的更新更加高效。
路由：Vue 提供了一套路由系统，使得开发者可以在单页应用中实现页面之间的跳转。
Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
Vue Router 用于实现单页应用中的路由功能；Vuex 用于实现全局状态管理；Vue CLI 用于快速构建 Vue 应用；Vue Server Renderer 用于将 Vue 应用渲染为服务器端的 HTML。
Vue 具有以下优势：
- 简单易用：Vue 的语法简单易懂，易于上手。
- 性能高效：Vue 使用了虚拟 DOM 的技术，使得界面的更新更加高效。
- 组件化：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
- 生态丰富：Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
激活面板
通过 v-model 来指定激活的面板。
Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
声明式渲染：Vue 采用了基于 HTML 的模板语法，使开发者可以用一种更接近自然语言的方式来描述界面。
组件系统：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
响应式数据：Vue 采用了数据驱动的方式，当数据发生变化时，界面会自动更新。
虚拟 DOM：Vue 采用了虚拟 DOM 的技术，使得界面的更新更加高效。
路由：Vue 提供了一套路由系统，使得开发者可以在单页应用中实现页面之间的跳转。
Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
Vue Router 用于实现单页应用中的路由功能；Vuex 用于实现全局状态管理；Vue CLI 用于快速构建 Vue 应用；Vue Server Renderer 用于将 Vue 应用渲染为服务器端的 HTML。
Vue 具有以下优势：
- 简单易用：Vue 的语法简单易懂，易于上手。
- 性能高效：Vue 使用了虚拟 DOM 的技术，使得界面的更新更加高效。
- 组件化：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
- 生态丰富：Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
禁用状态
通过 disabled 属性来指定面板是否禁用。
Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
声明式渲染：Vue 采用了基于 HTML 的模板语法，使开发者可以用一种更接近自然语言的方式来描述界面。
组件系统：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
响应式数据：Vue 采用了数据驱动的方式，当数据发生变化时，界面会自动更新。
虚拟 DOM：Vue 采用了虚拟 DOM 的技术，使得界面的更新更加高效。
路由：Vue 提供了一套路由系统，使得开发者可以在单页应用中实现页面之间的跳转。
Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
Vue Router 用于实现单页应用中的路由功能；Vuex 用于实现全局状态管理；Vue CLI 用于快速构建 Vue 应用；Vue Server Renderer 用于将 Vue 应用渲染为服务器端的 HTML。
Vue 具有以下优势：
- 简单易用：Vue 的语法简单易懂，易于上手。
- 性能高效：Vue 使用了虚拟 DOM 的技术，使得界面的更新更加高效。
- 组件化：Vue 提供了一套组件系统，使得开发者可以将界面拆分成可复用的组件。
- 生态丰富：Vue 生态系统非常丰富，包括 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等。
Collapse 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| name | 唯一标识 | string | — | — |
| title | 标题 | string | — | — |
| icon | 图标 | string | — | — |
| disabled | 是否禁用 | boolean | — | false |
| accordion | 是否手风琴模式 | boolean | — | false |
Collapse 事件
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 切换面板时触发 | 展开的面板 name 的数组 |