Commit bbda22c664a2fd54979cd8f721e52f7e8b79f2db
1 parent
9287779a
add login
Showing
4 changed files
with
45 additions
and
44 deletions
src/components/NavMenu.vue deleted
| 1 | -<template> | ||
| 2 | - <div class="navMenu"> | ||
| 3 | - | ||
| 4 | - <label v-for="navMenu in navMenus"> | ||
| 5 | - | ||
| 6 | - <el-menu-item v-if="navMenu.childs==null&&navMenu.entity" | ||
| 7 | - :key="navMenu.entity.id" :data="navMenu" :index="navMenu.entity.url"> | ||
| 8 | - <i :class="navMenu.entity.icon"></i> | ||
| 9 | - <span slot="title">{{navMenu.entity.title}}</span> | ||
| 10 | - </el-menu-item> | ||
| 11 | - | ||
| 12 | - <el-submenu v-if="navMenu.childs&&navMenu.entity" | ||
| 13 | - :key="navMenu.entity.id" :data="navMenu" :index="navMenu.entity.url"> | ||
| 14 | - <template slot="title"> | ||
| 15 | - <i :class="navMenu.entity.icon"></i> | ||
| 16 | - <span>{{navMenu.entity.title}}</span> | ||
| 17 | - </template> | ||
| 18 | - <NavMenu :navMenus="navMenu.childs"></NavMenu> | ||
| 19 | - </el-submenu> | ||
| 20 | - </label> | ||
| 21 | - | ||
| 22 | - </div> | ||
| 23 | -</template> | ||
| 24 | - | ||
| 25 | -<script> | ||
| 26 | - export default { | ||
| 27 | - name: 'NavMenu', | ||
| 28 | - props: ['navMenus'], | ||
| 29 | - data() { | ||
| 30 | - return {} | ||
| 31 | - }, | ||
| 32 | - methods: {} | ||
| 33 | - } | ||
| 34 | -</script> | ||
| 35 | -<style scoped> | ||
| 36 | - | ||
| 37 | -</style> |
src/components/VHeader.vue
| @@ -2,6 +2,16 @@ | @@ -2,6 +2,16 @@ | ||
| 2 | <div class="header-wrap"> | 2 | <div class="header-wrap"> |
| 3 | <div class="header"> | 3 | <div class="header"> |
| 4 | <div class="fl logo-bg" @click="$router.push({name:'home'})"></div> | 4 | <div class="fl logo-bg" @click="$router.push({name:'home'})"></div> |
| 5 | + <div class="fr login-cont"> | ||
| 6 | + <router-link class="no-login " :to="{path:list.routerLink}" | ||
| 7 | + v-for="(list, index) in loginList" | ||
| 8 | + :key="index">{{list.name}}</router-link> | ||
| 9 | + <div class="login-after display-none"> | ||
| 10 | + <div class="login fl" id="login-uerName" title="用户">用户 | ||
| 11 | + </div> | ||
| 12 | + <div class="loginout fl"><a>退出</a></div> | ||
| 13 | + </div> | ||
| 14 | + </div> | ||
| 5 | <ul class="fr nav"> | 15 | <ul class="fr nav"> |
| 6 | <!--<li>首页</li>--> | 16 | <!--<li>首页</li>--> |
| 7 | <!--<li>停车服务</li>--> | 17 | <!--<li>停车服务</li>--> |
| @@ -32,7 +42,11 @@ export default { | @@ -32,7 +42,11 @@ export default { | ||
| 32 | {name:'官网中心',routerLink:'/center'}, | 42 | {name:'官网中心',routerLink:'/center'}, |
| 33 | {name:'黄石停车',routerLink:'/park'}, | 43 | {name:'黄石停车',routerLink:'/park'}, |
| 34 | {name:'关于我们',routerLink:'/about'}, | 44 | {name:'关于我们',routerLink:'/about'}, |
| 35 | - ] | 45 | + ], |
| 46 | + loginList:[ | ||
| 47 | + {name:'请登录',routerLink:'/login'}, | ||
| 48 | + ], | ||
| 49 | + | ||
| 36 | } | 50 | } |
| 37 | } | 51 | } |
| 38 | } | 52 | } |
| @@ -140,4 +154,28 @@ export default { | @@ -140,4 +154,28 @@ export default { | ||
| 140 | cursor: pointer; | 154 | cursor: pointer; |
| 141 | border-bottom: 2px solid rgba(218,36,49,1); | 155 | border-bottom: 2px solid rgba(218,36,49,1); |
| 142 | } | 156 | } |
| 157 | + .display-none{ | ||
| 158 | + display: none; | ||
| 159 | + } | ||
| 160 | + .login-cont{ | ||
| 161 | + margin-left: 10px; | ||
| 162 | + cursor: pointer; | ||
| 163 | + color: #fff; | ||
| 164 | + } | ||
| 165 | + .login-after{ | ||
| 166 | + height: 80px; | ||
| 167 | + width: auto; | ||
| 168 | + } | ||
| 169 | + .login{ | ||
| 170 | + margin-left: 10px; | ||
| 171 | + max-width: 100px; | ||
| 172 | + overflow: hidden; | ||
| 173 | + white-space: nowrap; | ||
| 174 | + text-overflow: ellipsis; | ||
| 175 | + height: 80px; | ||
| 176 | + } | ||
| 177 | + .loginout{ | ||
| 178 | + margin-left: 10px; | ||
| 179 | + } | ||
| 180 | + | ||
| 143 | </style> | 181 | </style> |
src/router/index.js
| @@ -49,11 +49,6 @@ export const constantRoutes = [ | @@ -49,11 +49,6 @@ export const constantRoutes = [ | ||
| 49 | }, | 49 | }, |
| 50 | 50 | ||
| 51 | { | 51 | { |
| 52 | - path: '/login', | ||
| 53 | - component: () => import('@/views/login/index'), | ||
| 54 | - hidden: true | ||
| 55 | - }, | ||
| 56 | - { | ||
| 57 | path: '/service', | 52 | path: '/service', |
| 58 | redirect:'/dashboard', | 53 | redirect:'/dashboard', |
| 59 | component: () => import('@/views/service'), | 54 | component: () => import('@/views/service'), |
| @@ -63,6 +58,11 @@ export const constantRoutes = [ | @@ -63,6 +58,11 @@ export const constantRoutes = [ | ||
| 63 | }, | 58 | }, |
| 64 | children:[ | 59 | children:[ |
| 65 | { | 60 | { |
| 61 | + path: '/login', | ||
| 62 | + component: () => import('@/views/login/index'), | ||
| 63 | + hidden: true | ||
| 64 | + }, | ||
| 65 | + { | ||
| 66 | path: '/dashboard', | 66 | path: '/dashboard', |
| 67 | component: () => import('@/views/dashboard/index'), | 67 | component: () => import('@/views/dashboard/index'), |
| 68 | meta: { title: '服务首页', icon: 'dashboard' } | 68 | meta: { title: '服务首页', icon: 'dashboard' } |
src/views/service.vue
| @@ -11,7 +11,7 @@ | @@ -11,7 +11,7 @@ | ||
| 11 | @close="handleClose" | 11 | @close="handleClose" |
| 12 | background-color="#545c64" | 12 | background-color="#545c64" |
| 13 | text-color="#fff" | 13 | text-color="#fff" |
| 14 | - active-text-color="#409eff" router> | 14 | + active-text-color="red" router> |
| 15 | <el-menu-item index="/dashboard" class="is-active"> | 15 | <el-menu-item index="/dashboard" class="is-active"> |
| 16 | <i class="el-icon-menu "></i> | 16 | <i class="el-icon-menu "></i> |
| 17 | <span slot="title">服务首页</span> | 17 | <span slot="title">服务首页</span> |