示例页面

Former-commit-id: d30535016ca9ff279ae0fcb56813578fffd74fde

src/menu/aside.js

@@ -1,8 +1,13 @@
 // 菜单 侧边栏
 export default [
+  { path: '/index', title: '首页', icon: 'home' },
   {
-    path: '/index',
-    title: '首页',
-    icon: 'home'
+    title: '页面',
+    icon: 'folder-o',
+    children: [
+      { path: '/page1', title: '页面 1' },
+      { path: '/page2', title: '页面 2' },
+      { path: '/page3', title: '页面 3' }
+    ]
   }
 ]

src/menu/header.js

@@ -1,8 +1,13 @@
 // 菜单 顶栏
 export default [
+  { path: '/index', title: '首页', icon: 'home' },
   {
-    path: '/index',
-    title: '首页',
-    icon: 'home'
+    title: '页面',
+    icon: 'folder-o',
+    children: [
+      { path: '/page1', title: '页面 1' },
+      { path: '/page2', title: '页面 2' },
+      { path: '/page3', title: '页面 3' }
+    ]
   }
 ]

src/pages/page1/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <d2-container>
+    <template slot="header">Page 1 header</template>
+    Hello World
+    <template slot="footer">footer</template>
+  </d2-container>
+</template>

src/pages/page2/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <d2-container>
+    <template slot="header">Page 2 header</template>
+    Hello World
+    <template slot="footer">footer</template>
+  </d2-container>
+</template>

src/pages/page3/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <d2-container>
+    <template slot="header">Page 3 header</template>
+    Hello World
+    <template slot="footer">footer</template>
+  </d2-container>
+</template>

src/router/routes.js

@@ -18,6 +18,24 @@ const frameIn = [
         name: 'index',
         meta,
         component: () => import('@/pages/index')
+      },
+      {
+        path: '/page1',
+        name: 'page1',
+        component: () => import('@/pages/page1'),
+        meta: { meta, title: '页面 1' }
+      },
+      {
+        path: '/page2',
+        name: 'page2',
+        component: () => import('@/pages/page2'),
+        meta: { meta, title: '页面 2' }
+      },
+      {
+        path: '/page3',
+        name: 'page3',
+        component: () => import('@/pages/page3'),
+        meta: { meta, title: '页面 3' }
       }
     ]
   }