修改

src/components/mall.vue

@@ -123,9 +123,9 @@
     width: 100%;
     color: #909399;
     border-bottom: 1px solid #E6E6E6;
-    text-align: center;
     height: 59px;
     line-height: 59px;
+    padding-left:28px;
   }
 
   .leftMenu2 .el-submenu__title span {
@@ -180,17 +180,17 @@
     z-index: 10;
   }
 
-  .mainContainer .isaa {
+  .mainContainer .checkBlock {
     width: 104px;
     height: 42px;
     line-height: 42px;
-    text-indent: 22px;
+    text-indent: 20px;
     display: inline-block;
     text-align: left;
 
   }
 
-  .el-submenu.is-active .isActive {
+  .isActive {
     background: #ebedf0 !important;
     border-radius: 4px;
   }
@@ -271,7 +271,10 @@
     padding: 20px;
     overflow-y: scroll;
   }
-
+  .mainContainer .firstActive{
+    background-color: #fff!important;
+    color:#000000!important;
+  }
 </style>
 <template>
   <div class="mainContainer">
@@ -282,7 +285,7 @@
           <div class="asideInner">{{currentUser.MallName}}</div>
         </div>
         <ul>
-          <li class="menu-item" @mouseover="mouseOver(item)" v-for="(item,index) in MenuList" :key="index">
+          <li class="menu-item" @mouseover="mouseOver(item)" v-for="(item,index) in MenuList" :class="{'firstActive':firstCked==item.MenuId}" @click="firstCked=item.MenuId" :key="index">
             <i class="iconfont" :class="item.IconClass"></i>
             <div class="vue-line-clamp">{{item.MenuName}}</div>
           </li>
@@ -295,13 +298,13 @@
         </div>
         <div>
           <el-menu :default-active="defaultActive" :unique-opened="true" class="el-menu-vertical-demo">
-            <el-submenu :index="childIndex" v-for="(childItem,childIndex) in secondList.SubList" :key="childIndex">
+            <el-submenu :index="childItem.MenuId+''" v-for="(childItem,childIndex) in secondList.SubList" :key="childIndex">
               <template slot="title">
                 <span>{{childItem.MenuName}}</span>
               </template>
               <el-menu-item-group>
-                <el-menu-item :index="childIndex-thirdIndex" v-for="(thirdChild,thirdIndex) in childItem.ThirdList" :key="thirdIndex">
-                  <div class="isaa" :class="defaultActive=='1-1'?'isActive':''">{{thirdChild.MenuName}}</div>
+                <el-menu-item :index="thirdChild.MenuId+''" @click.native="clickMenu(thirdChild)" v-for="(thirdChild,thirdIndex) in childItem.ThirdList" :key="thirdIndex">
+                  <div class="checkBlock" :class="defaultActive==thirdChild.MenuId?'isActive':''">{{thirdChild.MenuName}}</div>
                 </el-menu-item>
               </el-menu-item-group>
             </el-submenu>
@@ -353,11 +356,12 @@
         //是否显示关闭后的箭头
         isShowOne: false,
         showTwo: false,
-        defaultActive: '1-1',
+        defaultActive: '9',
         currentUser: {},
         Height:0,
         MenuList: [], //菜单列表
         secondList:{},
+        firstCked:0
       };
     },
     created() {
@@ -385,13 +389,15 @@
         this.showTwo = true;
         this.isShowOne = false;
         this.secondList=item;
-        console.log(item,'item');
       },
       //菜单点击
       clickMenu(item){
-        this.$router.push({
-          path: 'Register'
-        });
+        this.defaultActive=item.MenuId+'';
+        if(item.MenuUrl&&item.MenuUrl!=''){
+          this.$router.push({
+            path: item.MenuUrl
+          });
+        }
       }
     },
     mounted() {

src/components/zanIndex.vue

@@ -56,7 +56,7 @@
         height:32px;
         line-height: 32px;
     }
-    .number_info{
+    .num-info{
         display: flex;
         width: 100%;
         height: 60px;
@@ -73,6 +73,11 @@
         font-size: 16px;
         color: #92959B;
     }
+    .num-info .num-info-item {
+        text-align: center;
+        width: 20%;
+        border-left: 1px dashed #EFF1F7;
+    }
 </style>
 <template>
     <div class="zanIndex">