diff --git a/src/pages/demo/components/icon/index.vue b/src/pages/demo/components/icon/index.vue
new file mode 100644
index 00000000..ee8f1b15
--- /dev/null
+++ b/src/pages/demo/components/icon/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <Container>
+    Hello
+  </Container>
+</template>
diff --git a/src/router/menu/_components.js b/src/router/menu/_components.js
new file mode 100644
index 00000000..1ec7d020
--- /dev/null
+++ b/src/router/menu/_components.js
@@ -0,0 +1,38 @@
+// [组件] 菜单
+export const menu = {
+  title: '组件',
+  path: '/demo/components',
+  name: 'demo-components',
+  meta: {
+    requiresAuth: true
+  },
+  component: resolve => { require(['@/components/core/MainLayout/index.vue'], resolve) },
+  // redirect: {
+  //   name: ''
+  // },
+  children: [
+    // 图标
+    {
+      title: '图标',
+      icon: 'flask',
+      children: [
+        {
+          title: '演示',
+          icon: 'file-o',
+          path: 'data/icon',
+          name: 'demo-components-icon',
+          meta: {
+            requiresAuth: true
+          },
+          component: resolve => { require(['@/pages/demo/components/icon/index.vue'], resolve) }
+        }
+      ]
+    }
+  ]
+}
+
+// [组件] 路由设置
+export const router = {
+  ...menu,
+  children: [].concat(...menu.children.map(e => e.children || e))
+}
diff --git a/src/router/menu/index.js b/src/router/menu/index.js
index 093eb952..7d02c5ff 100644
--- a/src/router/menu/index.js
+++ b/src/router/menu/index.js
@@ -1,17 +1,20 @@
-import * as plugin from './_plugin'
 import * as business from './_business'
 import * as chart from './_chart'
+import * as plugin from './_plugin'
+import * as components from './_components'
 
 // 菜单
 export const menu = [
-  plugin.menu,
   business.menu,
-  chart.menu
+  chart.menu,
+  plugin.menu,
+  components.menu
 ]
 
 // 路由
 export const router = [
-  plugin.router,
   business.router,
-  chart.router
+  chart.router,
+  plugin.router,
+  components.router
 ]