| | |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|---|
| | | <link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
|---|
| | | <title>vue_shop</title> |
|---|
| | | <title>新网与传播学院网站</title> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <noscript> |
|---|
| | |
|---|
| | | height: 100%; |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | .el-breadcrumb { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | font-size: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 改变卡片视图的阴影 */ |
|---|
| | | .el-card { |
|---|
| | | box-shadow: 0 1px 1px rgba(0,0,0,0.15) !important; |
|---|
| | | } |
|---|
| | | .el-table { |
|---|
| | | margin-top: 15px; |
|---|
| | | font-size: 13px; |
|---|
| | | } |
|---|
| | | .el-pagination { |
|---|
| | | margin-top: 15px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | import Vue from 'vue' |
|---|
| | | import { |
|---|
| | | Button, |
|---|
| | | Form, |
|---|
| | | FormItem, |
|---|
| | | Input, |
|---|
| | | Message, |
|---|
| | | Container, |
|---|
| | | Header, |
|---|
| | | Aside, |
|---|
| | | Main, |
|---|
| | | Menu, |
|---|
| | | Submenu, |
|---|
| | | MenuItem, |
|---|
| | | Breadcrumb, |
|---|
| | | BreadcrumbItem, |
|---|
| | | Card, |
|---|
| | | Row, |
|---|
| | | Col, |
|---|
| | | Table, |
|---|
| | | TableColumn, |
|---|
| | | Switch, |
|---|
| | | Tooltip, |
|---|
| | | Pagination |
|---|
| | | } from 'element-ui' |
|---|
| | | // 全局导入就行 |
|---|
| | | import Element from 'element-ui' |
|---|
| | | import 'element-ui/lib/theme-chalk/index.css' |
|---|
| | | |
|---|
| | | Vue.use(Button) |
|---|
| | | Vue.use(Form) |
|---|
| | | Vue.use(FormItem) |
|---|
| | | Vue.use(Input) |
|---|
| | | Vue.use(Container) |
|---|
| | | Vue.use(Header) |
|---|
| | | Vue.use(Aside) |
|---|
| | | Vue.use(Main) |
|---|
| | | Vue.use(Menu) |
|---|
| | | Vue.use(Submenu) |
|---|
| | | Vue.use(MenuItem) |
|---|
| | | Vue.use(Breadcrumb) |
|---|
| | | Vue.use(BreadcrumbItem) |
|---|
| | | Vue.use(Card) |
|---|
| | | Vue.use(Row) |
|---|
| | | Vue.use(Col) |
|---|
| | | Vue.use(Table) |
|---|
| | | Vue.use(TableColumn) |
|---|
| | | Vue.use(Switch) |
|---|
| | | Vue.use(Tooltip) |
|---|
| | | Vue.use(Pagination) |
|---|
| | | Vue.prototype.$message = Message |
|---|
| | | Vue.use(Element) |
|---|
| | |
|---|
| | | import Vue from 'vue' |
|---|
| | | import Router from 'vue-router' |
|---|
| | | import Login from './components/Login.vue' |
|---|
| | | import Home from './components/Home.vue' |
|---|
| | | import Welcome from './components/Welcome.vue' |
|---|
| | | import Users from './components/user/Users.vue' |
|---|
| | | |
|---|
| | | Vue.use(Router) |
|---|
| | | |
|---|
| | | const router = new Router({ |
|---|
| | | routes: [ |
|---|
| | | { path: '/', redirect: '/login' }, |
|---|
| | | { path: '/login', component: Login }, |
|---|
| | | { path: '/home', component: Home, redirect:'/welcome',children: [{ |
|---|
| | | path: '/welcome', component: Welcome |
|---|
| | | },{ |
|---|
| | | path: '/users', component: Users |
|---|
| | | }] } |
|---|
| | | { path: '/login', component: Login } |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | |
|---|
