diff --git a/src/menu/aside.js b/src/menu/aside.js
index 59a0db1..3e38cce 100644
--- a/src/menu/aside.js
+++ b/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' }
+ ]
}
]
diff --git a/src/menu/header.js b/src/menu/header.js
index 3d628f0..eba62c4 100644
--- a/src/menu/header.js
+++ b/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' }
+ ]
}
]
diff --git a/src/pages/page1/index.vue b/src/pages/page1/index.vue
new file mode 100644
index 0000000..b26f907
--- /dev/null
+++ b/src/pages/page1/index.vue
@@ -0,0 +1,7 @@
+
+
+ Page 1 header
+ Hello World
+ footer
+
+
diff --git a/src/pages/page2/index.vue b/src/pages/page2/index.vue
new file mode 100644
index 0000000..82dad84
--- /dev/null
+++ b/src/pages/page2/index.vue
@@ -0,0 +1,7 @@
+
+
+ Page 2 header
+ Hello World
+ footer
+
+
diff --git a/src/pages/page3/index.vue b/src/pages/page3/index.vue
new file mode 100644
index 0000000..725bd3f
--- /dev/null
+++ b/src/pages/page3/index.vue
@@ -0,0 +1,7 @@
+
+
+ Page 3 header
+ Hello World
+ footer
+
+
diff --git a/src/router/routes.js b/src/router/routes.js
index 97116b2..332d0f7 100644
--- a/src/router/routes.js
+++ b/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' }
}
]
}