| | |
| | | <template> |
| | | <div class="main"> |
| | | <div class="header"> |
| | | <div class="top">金川水电站水温监测系统 </div> |
| | | <div class="top"> |
| | | <div class="top-exit" @click="() => { router.push('/screen') }"> |
| | | <img src="@/assets/images/exit.png" alt="" /> |
| | | <span>选择系统</span> |
| | | </div> |
| | | <div class="top-name"> |
| | | 金川水电站水温监测系统 |
| | | </div> |
| | | </div> |
| | | <div class="nav"> |
| | | <div v-for="(item,index) in btnList" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div> |
| | | </div> |
| | |
| | | color: #fff; |
| | | position: relative; |
| | | z-index: 100; |
| | | .top-exit{ |
| | | position: absolute; |
| | | left: 100px; |
| | | cursor: pointer; |
| | | font-size: 20px; |
| | | img{ |
| | | width: 30px; |
| | | vertical-align: top; |
| | | margin-right: 10px; |
| | | } |
| | | } |
| | | } |
| | | .nav{ |
| | | display: flex; |