| | |
| | | const router = useRouter() |
| | | const route = ref(useRoute()) |
| | | const btnList = ref([ |
| | | {name:'总览',url:'/flow/home'}, |
| | | {name:'生态流量',url:''}, |
| | | {name:'图像监测', url:''}, |
| | | {name:'设备管理',url:''}, |
| | | {name:'报警管理',url:''}, |
| | | {name:'报表管理',url:''}, |
| | | {name:'首页总览',url:'/flow/home'}, |
| | | {name:'生态流量',url:'/flow/ecology'}, |
| | | {name:'图像监测', url:'/flow/graphic'}, |
| | | {name:'设备管理',url:'/flow/shebei'}, |
| | | {name:'报警管理',url:'/flow/warning'}, |
| | | {name:'报表管理',url:'/flow/report'}, |
| | | ]) |
| | | const navTo = (item) =>{ |
| | | router.push(item.url) |
| | |
| | | .header{ |
| | | width: 100%; |
| | | height: 14%; |
| | | background-color: rgb(82, 120, 128); |
| | | position: relative; |
| | | .top{ |
| | | height: 60%; |
| | | display: flex; |
| | |
| | | font-size: 38px; |
| | | font-weight: 700; |
| | | color: #fff; |
| | | position: relative; |
| | | z-index: 100; |
| | | } |
| | | .nav{ |
| | | display: flex; |
| | | height: 40%; |
| | | position: relative; |
| | | z-index: 100; |
| | | .plain{ |
| | | flex-grow: 1; |
| | | height: 100%; |