diff --git a/src/menu/index.js b/src/menu/index.js
index ce847ed2..005e8fcb 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -147,7 +147,10 @@ const demoElement = {
       children: [
         { path: `${pre}form-radio`, title: '单选框' },
         { path: `${pre}form-checkbox`, title: '多选框' },
-        { path: `${pre}form-input`, title: '输入框' }
+        { path: `${pre}form-input`, title: '输入框' },
+        { path: `${pre}form-input-number`, title: '计数器' },
+        { path: `${pre}form-select`, title: '选择器' },
+        { path: `${pre}form-cascader`, title: '级联选择器' }
       ]
     }
   ])('/demo/element/')
diff --git a/src/pages/demo/element/form-cascader/index.vue b/src/pages/demo/element/form-cascader/index.vue
new file mode 100644
index 00000000..b81590a2
--- /dev/null
+++ b/src/pages/demo/element/form-cascader/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <d2-container>
+    <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
+    <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
+    <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
+  </d2-container>
+</template>
diff --git a/src/pages/demo/element/form-input-number/index.vue b/src/pages/demo/element/form-input-number/index.vue
new file mode 100644
index 00000000..b81590a2
--- /dev/null
+++ b/src/pages/demo/element/form-input-number/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <d2-container>
+    <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
+    <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
+    <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
+  </d2-container>
+</template>
diff --git a/src/pages/demo/element/form-select/index.vue b/src/pages/demo/element/form-select/index.vue
new file mode 100644
index 00000000..b81590a2
--- /dev/null
+++ b/src/pages/demo/element/form-select/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <d2-container>
+    <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
+    <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
+    <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
+  </d2-container>
+</template>
diff --git a/src/router/index.js b/src/router/index.js
index b1bb9d7d..55519527 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -117,6 +117,9 @@ const routes = [
       { 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: 'form-input', name: `${pre}form-input`, component: () => import('@/pages/demo/element/form-input/index.vue'), meta },
+      { path: 'form-input-number', name: `${pre}form-input-number`, component: () => import('@/pages/demo/element/form-input-number/index.vue'), meta },
+      { path: 'form-select', name: `${pre}form-select`, component: () => import('@/pages/demo/element/form-select/index.vue'), meta },
+      { path: 'form-cascader', name: `${pre}form-cascader`, component: () => import('@/pages/demo/element/form-cascader/index.vue'), meta },
       { path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/element/index/index.vue'), meta }
     ])('demo-element-')
   },