Browse Source

修复一系列bug3

shibei_prod
dai 4 years ago
parent
commit
7f321ac128
  1. 6
      src/assets/scss/main-shuju.scss
  2. 11
      src/views/main-shuju/main-navbar.vue

6
src/assets/scss/main-shuju.scss

@ -352,8 +352,12 @@ body {
border-top: 1px dashed rgba(#fff, 0.4); border-top: 1px dashed rgba(#fff, 0.4);
color: rgba(#fff, 0.7); color: rgba(#fff, 0.7);
transition: all ease 0.5s; transition: all ease 0.5s;
&.z-on {
font-weight: bold;
}
&.z-on,
&:hover { &:hover {
color: #fff; color: #ffd;
} }
} }
} }

11
src/views/main-shuju/main-navbar.vue

@ -46,7 +46,9 @@
<template v-for="(menu, idx) in $store.state.mainShuju.menuList"> <template v-for="(menu, idx) in $store.state.mainShuju.menuList">
<li <li
class="sub-menu" class="sub-menu"
:class="$store.state.mainShuju.activeName==menu.name ? 'z-on':''" :class="
$store.state.mainShuju.activeName == menu.id ? 'z-on' : ''
"
v-if="menu.children" v-if="menu.children"
:key="menu.id" :key="menu.id"
@click="gotoRouteHandle(menu.id, idx)" @click="gotoRouteHandle(menu.id, idx)"
@ -54,6 +56,11 @@
<span>{{ menu.name }}</span> <span>{{ menu.name }}</span>
<div class="sub-menu-list"> <div class="sub-menu-list">
<div <div
:class="
$store.state.mainShuju.activeName == subMenu.id
? 'z-on'
: ''
"
:key="subMenu.id" :key="subMenu.id"
@click="gotoRouteHandle(subMenu.id, subIndex)" @click="gotoRouteHandle(subMenu.id, subIndex)"
v-for="(subMenu, subIndex) in menu.children" v-for="(subMenu, subIndex) in menu.children"
@ -177,8 +184,8 @@ export default {
)[0]; )[0];
if (route) { if (route) {
this.$router.push({ name: route.name }); this.$router.push({ name: route.name });
}
this.$store.state.mainShuju.activeName = menuId; this.$store.state.mainShuju.activeName = menuId;
}
}, },
changeCustomerName(customerName) { changeCustomerName(customerName) {
this.customerName = localStorage.getItem("customerName"); this.customerName = localStorage.getItem("customerName");

Loading…
Cancel
Save