diff --git a/locales/en.yaml b/locales/en.yaml
index 797eb03f7..b529aa5da 100644
--- a/locales/en.yaml
+++ b/locales/en.yaml
@@ -62,6 +62,7 @@ menus:
hsTimePicker: TimePicker
hsTag: Tag
hsStatistic: Statistic
+ hsCollapse: Collapse
hsmenus: MultiLevel Menu
hsmenu1: Menu1
hsmenu1-1: Menu1-1
diff --git a/locales/zh-CN.yaml b/locales/zh-CN.yaml
index 02379836d..b7cf8a7ee 100644
--- a/locales/zh-CN.yaml
+++ b/locales/zh-CN.yaml
@@ -62,6 +62,7 @@ menus:
hsTimePicker: 时间选择器
hsTag: 标签
hsStatistic: 统计组件
+ hsCollapse: 折叠面板
hsmenus: 多级菜单
hsmenu1: 菜单1
hsmenu1-1: 菜单1-1
diff --git a/src/router/modules/components.ts b/src/router/modules/components.ts
index 0e446ec03..f238abdb4 100644
--- a/src/router/modules/components.ts
+++ b/src/router/modules/components.ts
@@ -123,6 +123,14 @@ export default {
title: $t("menus.hsStatistic")
}
},
+ {
+ path: "/components/collapse",
+ name: "Collapse",
+ component: () => import("@/views/components/collapse.vue"),
+ meta: {
+ title: $t("menus.hsCollapse")
+ }
+ },
{
path: "/components/cascader",
name: "Cascader",
diff --git a/src/views/components/collapse.vue b/src/views/components/collapse.vue
new file mode 100644
index 000000000..856b9c1aa
--- /dev/null
+++ b/src/views/components/collapse.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+ 基础用法
+
+ 可同时展开多个面板
+ 每次只能展开一个面板
+
+
+ 外部触发打开、关闭
+
+
+
+ 周一启航,新的篇章
+
+
+ 周二律动,携手共进
+
+
+ 周三昂扬,激情不减
+
+
+ 周四精进,事半功倍
+
+
+
+ 周五
+
+
+ 周五喜悦,收尾归档
+
+
+
+