diff --git a/src/components/core/MainLayout/components/D2MenuItem/index.vue b/src/components/core/MainLayout/components/D2MenuItem/index.vue
index 65f96d33..899e90fb 100644
--- a/src/components/core/MainLayout/components/D2MenuItem/index.vue
+++ b/src/components/core/MainLayout/components/D2MenuItem/index.vue
@@ -1,6 +1,6 @@
 <template>
   <el-menu-item :index="menu.path">
-    <i :class="`fa fa-${menu.icon}`"></i>
+    <i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i>
     <span slot="title">{{menu.title}}</span>
   </el-menu-item>
 </template>
diff --git a/src/components/core/MainLayout/components/D2Submenu/index.vue b/src/components/core/MainLayout/components/D2Submenu/index.vue
index 950b331d..3285ce6c 100644
--- a/src/components/core/MainLayout/components/D2Submenu/index.vue
+++ b/src/components/core/MainLayout/components/D2Submenu/index.vue
@@ -1,7 +1,7 @@
 <template>
   <el-submenu :index="menu.path">
     <template slot="title">
-      <i :class="`fa fa-${menu.icon}`"></i>
+      <i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i>
       <span slot="title">{{menu.title}}</span>
     </template>
     <template v-for="(child, childIndex) in menu.children">
diff --git a/src/components/core/MainLayout/components/HeaderMenu/index.vue b/src/components/core/MainLayout/components/HeaderMenu/index.vue
index 7352999c..1395bf77 100644
--- a/src/components/core/MainLayout/components/HeaderMenu/index.vue
+++ b/src/components/core/MainLayout/components/HeaderMenu/index.vue
@@ -2,38 +2,52 @@
   <el-menu
     mode="horizontal"
     :router="true">
-    <el-submenu index="2">
-      <template slot="title">我的工作台</template>
-      <el-menu-item index="2-1">选项1</el-menu-item>
-      <el-menu-item index="2-2">选项2</el-menu-item>
-      <el-menu-item index="2-3">选项3</el-menu-item>
-      <el-submenu index="2-4">
-        <template slot="title">选项4</template>
-        <el-menu-item index="2-4-1">选项1</el-menu-item>
-        <el-menu-item index="2-4-2">选项2</el-menu-item>
-        <el-menu-item index="2-4-3">选项3</el-menu-item>
-      </el-submenu>
-    </el-submenu>
-    <el-menu-item
-      v-for="menu in menus"
-      :key="menu.path"
-      :index="menu.path">
-      {{menu.title}}
-    </el-menu-item>
+    <template v-for="(menu, menuIndex) in menus">
+      <d2-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
+      <d2-submenu v-else :menu="menu" :key="menuIndex"/>
+    </template>
   </el-menu>
 </template>
 
 <script>
 export default {
   name: 'HeaderMenu',
+  components: {
+    D2MenuItem: () => import('../D2MenuItem/index.vue'),
+    D2Submenu: () => import('../D2Submenu/index.vue')
+  },
   data () {
     return {
       menus: [
-        {path: '/index', title: '首页'},
-        {path: '/demo/plugins', title: '插件'},
-        {path: '/demo/components', title: '组件'},
-        {path: '/demo/chart', title: '图表'},
-        {path: '/demo/business', title: '示例业务界面'}
+        {
+          path: '/index',
+          title: '首页'
+        },
+        {
+          path: '/demo',
+          title: '功能',
+          children: [
+            {
+              path: '/demo/plugins',
+              title: '插件',
+              icon: 'plug'
+            },
+            {
+              path: '/demo/components',
+              title: '组件',
+              icon: 'puzzle-piece'
+            },
+            {
+              path: '/demo/chart',
+              title: '图表',
+              icon: 'pie-chart'
+            }
+          ]
+        },
+        {
+          path: '/demo/business',
+          title: '示例业务界面'
+        }
       ]
     }
   }