导航样式修改

src/assets/css/iview_style_reset.scss

@@ -36,7 +36,7 @@
     bottom: 0;
     left: 0;
 }
-.ivu-menu li.ivu-menu-item-active:after{
+.ivu-menu li.ivu-menu-child-item-active:after{
     content: '';
     position: absolute;
     bottom: 0;
@@ -49,22 +49,23 @@
     background-size: 100%;
 }
 
-.ivu-menu a.ivu-menu-item-active:after{
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    top: 57px;
-    z-index:9;
-    width: 100%;
-    height: 3px;
-    background: url(../stor/active.png) no-repeat center;
-    background-size: 100%;
-}
+//.ivu-menu a.ivu-menu-item-active:after{
+//    content: '';
+//    position: absolute;
+//    bottom: 0;
+//    left: 0;
+//    top: 57px;
+//    z-index:9;
+//    width: 100%;
+//    height: 3px;
+//    background: url(../stor/active.png) no-repeat center;
+//    background-size: 100%;
+//}
 
 .menu-contente{
     .ivu-select-dropdown{
         background: #1873FF;
+        color: #fff;
     }
 }
 
@@ -73,11 +74,11 @@
 }
 
 .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item {
-    color: #77ADFF;
+    color: #fff;
 }
 
 .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected, .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected:hover{
-    color: #fff;
+    background: #0364F7;
 }
 
 // #1873FF
@@ -149,7 +150,12 @@
         border: 1px solid #555;
     }
 }
-
+.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item:hover {
+    background: #0364F7;
+}
+.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item:hover {
+    color: #fff;
+}
 
 
 

src/components/menu.vue

@@ -27,8 +27,8 @@
 
 <script>
 export default {
-  name: 'allmenu',
-  data(){
+    name: 'allmenu',
+    data(){
     return {
       theme:'',
         menuList:[
@@ -131,7 +131,10 @@ export default {
           },
         ]
     }
-  }
+  },
+    mounted() {
+        console.log(this.$route);
+    }
 }
 </script>