| | |
| | | <div class="nav"> |
| | | <div class="nav-content"> |
| | | <div class="nav-content-l"> |
| | | <div v-for="(item,index) in btnList.slice(0,4)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div> |
| | | <div v-for="(item,index) in btnList.slice(0,2)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div> |
| | | </div> |
| | | <div class="nav-content-r"> |
| | | <div v-for="(item,index) in btnList.slice(4,8)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div> |
| | | <div v-for="(item,index) in btnList.slice(2,4)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }).then((e) => { |
| | | removeToken() |
| | | window.location.reload(); |
| | | |
| | | }).catch(() => { }); |
| | | } |
| | | |
| | |
| | | const btnList = ref([ |
| | | {name:'首页总览',url:'/screen/home'}, |
| | | {name:'设备管理',url:'/screen/device'}, |
| | | {name:'报表管理',url:''}, |
| | | {name:'系统监管',url:'/user'}, |
| | | ]) |
| | | |
| | |
| | | height: 10%; |
| | | .top{ |
| | | position: relative; |
| | | z-index: 1000; |
| | | z-index: 100; |
| | | width: 100%; |
| | | height: 5.5rem; |
| | | background-image: url("../assets/images/screen/head.png"); |
| | |
| | | } |
| | | .nav{ |
| | | position: relative; |
| | | z-index: 100; |
| | | margin-top: -4.5rem; |
| | | width: 100%; |
| | | z-index: 110; |
| | | width: 80%; |
| | | margin: -4.5rem auto; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | |
| | | &-r{ |
| | | width: 35%; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | } |
| | | .plain{ |
| | | width: 10rem; |