taylor
8 years ago
6 changed files with 160 additions and 184 deletions
-
25index.html
-
16src/App.vue
-
78src/main.js
-
3src/pages/404.vue
-
147src/pages/Home.vue
-
75src/routes.js
@ -1,13 +1,16 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html> |
<html> |
||||
<head> |
|
||||
<meta charset="utf-8"> |
|
||||
<title>vue element admin</title> |
|
||||
</head> |
|
||||
<body> |
|
||||
<div id="app"> |
|
||||
|
|
||||
</div> |
|
||||
<!-- built files will be auto injected --> |
|
||||
</body> |
|
||||
</html> |
|
||||
|
|
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>vue element admin</title> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div id="app"> |
||||
|
|
||||
|
</div> |
||||
|
<!-- built files will be auto injected --> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
@ -0,0 +1,3 @@ |
|||||
|
<template> |
||||
|
<p style="font-size:20px;text-align: center;color:rgb(192, 204, 218);">404</p> |
||||
|
</template> |
@ -0,0 +1,75 @@ |
|||||
|
import Login from './pages/Login.vue' |
||||
|
import NotFound from './pages/404.vue' |
||||
|
import Home from './pages/Home.vue' |
||||
|
import Main from './pages/Main.vue' |
||||
|
import Table from './pages/nav1/Table.vue' |
||||
|
import Form from './pages/nav1/Form.vue' |
||||
|
import user from './pages/nav1/user.vue' |
||||
|
import Page4 from './pages/nav2/Page4.vue' |
||||
|
import Page5 from './pages/nav2/Page5.vue' |
||||
|
import Page6 from './pages/nav3/Page6.vue' |
||||
|
import echarts from './pages/charts/echarts.vue' |
||||
|
|
||||
|
let routes = [ |
||||
|
{ |
||||
|
path: '/login', |
||||
|
component: Login, |
||||
|
name: '', |
||||
|
hidden: true |
||||
|
}, |
||||
|
{ |
||||
|
path: '/404', |
||||
|
component: NotFound, |
||||
|
name: '', |
||||
|
hidden: true |
||||
|
}, |
||||
|
//{ path: '/main', component: Main },
|
||||
|
{ |
||||
|
path: '/', |
||||
|
component: Home, |
||||
|
name: '导航一', |
||||
|
iconCls: 'el-icon-message',//图标样式class
|
||||
|
children: [ |
||||
|
{ path: '/main', component: Main, name: '主页', hidden: true }, |
||||
|
{ path: '/table', component: Table, name: 'Table' }, |
||||
|
{ path: '/form', component: Form, name: 'Form' }, |
||||
|
{ path: '/user', component: user, name: '列表' }, |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
path: '/', |
||||
|
component: Home, |
||||
|
name: '导航二', |
||||
|
iconCls: 'fa fa-id-card-o', |
||||
|
children: [ |
||||
|
{ path: '/page4', component: Page4, name: '页面4' }, |
||||
|
{ path: '/page5', component: Page5, name: '页面5' } |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
path: '/', |
||||
|
component: Home, |
||||
|
name: '', |
||||
|
iconCls: 'fa fa-address-card', |
||||
|
leaf: true,//只有一个节点
|
||||
|
children: [ |
||||
|
{ path: '/page6', component: Page6, name: '导航三' } |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
path: '/', |
||||
|
component: Home, |
||||
|
name: 'Charts', |
||||
|
iconCls: 'fa fa-bar-chart', |
||||
|
children: [ |
||||
|
{ path: '/echarts', component: echarts, name: 'echarts' } |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
path: '*', |
||||
|
hidden: true, |
||||
|
redirect: { path: '/404' } |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
export default routes; |
Write
Preview
Loading…
Cancel
Save
Reference in new issue