菜单样式

layouts/basic-layout/product.vue

@@ -8,7 +8,7 @@
           <div class="top_menu_box">
             <table class="t_table_box">
               <tr>
-                <td class="t_title">
+                <td class="t_title" :class="{addclass:isStatic}">
                   <div class="title">
                     <Icon type="ios-home" />
                     <b>首页</b>
@@ -26,7 +26,7 @@
                 </td>
               </tr>
               <tr v-for="(item,i) in filterSider" :key="i">
-                <td class="t_title">
+                <td class="t_title" :class="isClass == item.id ? 'addclass' : '' ">
                   <div class="title">
                     <Icon :type="item.icon" />
                     <b>{{item.title}}</b>
@@ -149,6 +149,8 @@ export default {
       homeMenu: "",
       homeMenuItem: "",
       parthto: "",
+      isClass: null,
+      isStatic: false,
     };
   },
   computed: {
@@ -343,6 +345,8 @@ export default {
       });
     },
     goPage(u, li) {
+      this.isStatic = false;
+      this.isClass = u.id;
       if (li.target == 1) {
         window.open(li.path, "_blank");
       } else {
@@ -358,12 +362,16 @@ export default {
       this.homeMenu = "";
       this.homeMenuItem = "";
       this.isActive = 0;
+      this.isClass = null;
+      this.isStatic = true;
     },
     goIndexTwo() {
       this.$router.push("/home");
       this.homeMenu = "";
       this.homeMenuItem = "";
       this.isActive = 0;
+      this.isClass = null;
+      this.isStatic = true;
     },
     shoucang() {
       if (this.showStar) {
@@ -538,6 +546,9 @@ export default {
               margin-top: -12px;
             }
           }
+          .addclass {
+            background-color: #282e3b;
+          }
         }
       }
     }