diff --git a/design.sketch.REMOVED.git-id b/design.sketch.REMOVED.git-id
index 519b415b..136e9924 100644
--- a/design.sketch.REMOVED.git-id
+++ b/design.sketch.REMOVED.git-id
@@ -1 +1 @@
-5180df7143acd2b32403b34a30d5c86f32288d1c
\ No newline at end of file
+90e4abc5ac31f491aa6d7e8f1bb912989f2480f3
\ No newline at end of file
diff --git a/src/assets/image/logo/w500-element.png.REMOVED.git-id b/src/assets/image/logo/w500-element.png.REMOVED.git-id
new file mode 100644
index 00000000..497869c2
--- /dev/null
+++ b/src/assets/image/logo/w500-element.png.REMOVED.git-id
@@ -0,0 +1 @@
+8953f5c6d828eec1b94f2c721975eb81297220e7
\ No newline at end of file
diff --git a/src/menu/index.js b/src/menu/index.js
index 4b146d03..a2262910 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -122,6 +122,16 @@ const demoChart = {
   ])('/demo/chart/')
 }
 
+// 路由菜单 组件库
+const demoElement = {
+  path: '/demo/element',
+  title: '组件库',
+  icon: 'puzzle-piece',
+  children: (pre => [
+    { path: `${pre}index`, title: '组件库首页' }
+  ])('/demo/element/')
+}
+
 // 菜单 侧边栏
 export const side = [
   demoPlugins,
@@ -141,6 +151,7 @@ export default [
     children: [
       demoPlugins,
       demoComponents,
+      demoElement,
       demoChart
     ]
   },
diff --git a/src/pages/demo/element/index/index.vue b/src/pages/demo/element/index/index.vue
new file mode 100644
index 00000000..8d4d1766
--- /dev/null
+++ b/src/pages/demo/element/index/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <d2-container type="full">
+    <d2-demo-page-cover
+      title="Element"
+      sub-title="D2Admin 集成了许多实用插件">
+      <img src="@/assets/image/logo/w500-plugin.png">
+    </d2-demo-page-cover>
+  </d2-container>
+</template>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index d39a33b3..5efc5b37 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -101,6 +101,16 @@ const routes = [
       { path: 'scrollbar', name: `${pre}scrollbar`, component: () => import('@/pages/demo/components/scrollbar/index.vue'), meta }
     ])('demo-components-')
   },
+  {
+    path: '/demo/element',
+    name: 'demo-element',
+    meta,
+    redirect: { name: 'demo-element-index' },
+    component: () => import('@/components/core/d2-layout-main/index.vue'),
+    children: (pre => [
+      { path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/element/index/index.vue'), meta }
+    ])('demo-element-')
+  },
   // 登陆
   {
     path: '/login',
@@ -109,10 +119,6 @@ const routes = [
   }
 ]
 
-// routes[3].children.forEach(e => {
-//   console.log(`{ path: \`\${pre}${e.path}\`, title: 'title' }`)
-// })
-
 let router = new VueRouter({ routes })
 
 router.beforeEach((to, from, next) => {