diff --git a/src/menu/index.js b/src/menu/index.js
index a798a434..f3b7be18 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -145,7 +145,8 @@ const demoElement = {
path: `${pre}form`,
title: '表单',
children: [
- { path: `${pre}form-radio`, title: '单选框' }
+ { path: `${pre}form-radio`, title: '单选框' },
+ { path: `${pre}form-checkbox`, title: '多选框' }
]
}
])('/demo/element/')
diff --git a/src/pages/demo/element/form-checkbox/index.vue b/src/pages/demo/element/form-checkbox/index.vue
new file mode 100644
index 00000000..974621b4
--- /dev/null
+++ b/src/pages/demo/element/form-checkbox/index.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+ 基础用法
+
+ 备选项1
+ 备选项2
+
+
+ 禁用状态
+
+ 备选项1
+ 备选项2
+
+
+ 多选框组
+
+
+
+
+
+
+
+
+ indeterminate 状态
+
+
+ 可选项目数量的限制
+
+ {{city}}
+
+
+
+
+
+ 按钮样式
+
+
+ {{city}}
+
+
+
+
+ {{city}}
+
+
+
+
+ {{city}}
+
+
+
+
+ {{city}}
+
+
+
+ 带有边框
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/router/index.js b/src/router/index.js
index e8ad3f33..fd2bccd5 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -115,6 +115,7 @@ const routes = [
{ path: 'basic-icon', name: `${pre}basic-icon`, component: () => import('@/pages/demo/element/basic-icon/index.vue'), meta },
{ path: 'basic-button', name: `${pre}basic-button`, component: () => import('@/pages/demo/element/basic-button/index.vue'), meta },
{ path: 'form-radio', name: `${pre}form-radio`, component: () => import('@/pages/demo/element/form-radio/index.vue'), meta },
+ { path: 'form-checkbox', name: `${pre}form-checkbox`, component: () => import('@/pages/demo/element/form-checkbox/index.vue'), meta },
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/element/index/index.vue'), meta }
])('demo-element-')
},