| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:24 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2022-09-23 17:19:04 |
| | | * @LastEditTime: 2022-09-23 17:47:40 |
| | | * @FilePath: \srs-police-affairs\src\views\lyout\index.vue |
| | | * @Description: |
| | | * |
| | |
| | | <!-- 菜单导航 --> |
| | | <div class="menu-list"> |
| | | <div class="nav-list" v-for="(item, index) in menuList" :key="index"> |
| | | <div class="nav" @click="goToPath(item)">{{item.menuName}}</div> |
| | | <div |
| | | class="nav" |
| | | :class="{on: currentUrl == item.path}" |
| | | @click="goToPath(item)" |
| | | >{{item.menuName}}</div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | menuName: '安保活动', |
| | | path: '/lyout/activity' |
| | | }, |
| | | ] |
| | | ], |
| | | |
| | | currentUrl: '/lyout/home' |
| | | } |
| | | }, |
| | | |
| | |
| | | goToPath (params) { |
| | | if (params.path) { |
| | | if (this.$route.path == params.path) return |
| | | this.currentUrl = params.path |
| | | this.$router.push(params.path) |
| | | } else { |
| | | params.childrenFlag = !params.childrenFlag |
| | |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .nav.on { |
| | | color: rgba(32, 106, 181, 1); |
| | | } |
| | | |
| | | .nav:hover { |
| | | color: rgba(32, 106, 181, 1); |
| | | font-weight: bold; |