bug fix

src/components/commonComponents/headerTab.vue

       this.nowPath = this.$route.path;
       if (this.nowPath == "/") {
         this.activeIndex = "1";
-      } else if (this.nowPath == "/solution") {
+      } else if (this.nowPath.match('\/solution')) {
         this.activeIndex = "2";
-      } else if (this.nowPath == "/productCenter") {
+      } else if (this.nowPath.match('\/productCenter')) {
         this.activeIndex = "3";
-      } else if (this.nowPath == "/newsInformation") {
+      } else if (this.nowPath.match('\/newsInformation')) {
         this.activeIndex = "4";
       } else {
         this.activeIndex = "5";
   position: relative;
 }
 .sub-nav-menu{
-  
-  
+  width: 50%;
+  min-width: 700px;
+  float: right;
+  margin-right: 10%;
 }
 .section{
   display: flex;

src/components/navicard/index.vue

       <div>{{title}}</div>
     </div>
     <div class="body">
-      <div v-for="(item, index) in items" :key="index" @click="clickItem(item, index)" :class="{'item-active': itemActive == index }">
+      <div v-for="(item, index) in items" :key="index" @click="clickItem(item, index)" :class="{'item-active': active - 1 == index }">
         <img v-if="active" :src="item.icon" alt="">
         <div >{{ item.text }}</div>
       </div>
     'id',
     'title',
     'items',
-    'active'
+    'active',
   ],
   data () {
     return {
-      itemActive: -1,
     }
   },
   mounted() {
   },
   methods: {
     clickCard() {
-      this.$emit('update:active', true)
+      this.$emit('update:active', 99)
     },
     clickItem(item, index) {
-      this.itemActive = index
-      this.$emit('update:active', true)
+      this.$emit('update:active', index)
       this.$emit('click', item)
     }
   }

src/components/pages/productCenter/AIwelcome.vue

           </div>
         </div>
       </div>
-      <prod-navi class="nav" default="case"></prod-navi>
+      <prod-navi class="nav" default="case-1"></prod-navi>
       <!-- <div class="product_bar">
         <el-menu :default-active="activeIndex2" class="el-menu-demo"  @select="handleSelect" background-color="rgba(0,0,0,0)" text-color="#999999" active-text-color="#000000">
           <el-menu-item index="1" class="item1"  background-color="#fff">

src/components/pages/productCenter/bigscreen.vue

           </div>
         </div>
       </div>
-      <prod-navi class="nav" default="case"></prod-navi>
+      <prod-navi class="nav" default="case-2"></prod-navi>
     </div>
 
     <div class="secondHouse-middle">

src/components/pages/productCenter/city.vue

         </div>
       </div>
 
-      <prod-navi class="nav" default="community"></prod-navi>
+      <prod-navi class="nav" default="community-2"></prod-navi>
     </div>
 
     <div class="city_content">

src/components/pages/productCenter/community.vue

           </div>
         </div>
       </div>
-      <prod-navi class="nav" default="community"></prod-navi>
+      <prod-navi class="nav" default="community-1"></prod-navi>
     </div>
 
     <div class="community">

src/components/pages/productCenter/micro.vue

         </div>
       </div>
       
-      <prod-navi class="nav" default="case"></prod-navi>
+      <prod-navi class="nav" default="case-4"></prod-navi>
     </div>
 
     <div class="secondHouse-middle">

src/components/pages/productCenter/online.vue

             </div>
           </div>
         </div>
-
-        <prod-navi class="nav" default="product"></prod-navi>
-        <!-- <div class="product_bar">
-        <el-menu :default-active="activeIndex2" class="el-menu-demo"  @select="handleSelect" background-color="rgba(0,0,0,0)" text-color="#999999" active-text-color="#000000">
-          <el-menu-item index="1" class="item1"  background-color="#fff">
-            <div class="order">
-              <div class="blue_bar"></div>
-              <div class="product-order">产品订制</div>
-              <div class="order_bot">
-                <div class="order_bot_online">
-                  <img src="../../../assets/image/logoicon/shape.png" alt="">
-                 
-                  <span>全渠道在线平台</span>
-                </div>
-                <div class="order_bot_secondHandHouse">
-                  <img src="../../../assets/image/logoicon/huijulogo.png" alt="">
-                  
-                  <span>二手房管理平台</span>
-                </div>
-              </div>
-            </div>
-          </el-menu-item>
-          <el-menu-item index="2" class="item2">
-            智慧案场
-          </el-menu-item>
-          <el-menu-item index="3" class="item3">
-            智慧社区
-          </el-menu-item>
-        </el-menu>
-        </div>-->
+        <prod-navi class="nav" default="product-1"></prod-navi>
       </div>
     </div>
     <div class="online_middle">

src/components/pages/productCenter/prodNavi.vue

   ],
   data () {
     return {
-      activeCard: {
-        product: false,
-        case: false,
-        community: false,
-        [`${this.default}`]: true,
-      },
       productOrder: {
         id: 'product',
         title:  '产品订制',
       },
     }
   },
-  watch: {
-    ['activeCard.product'] (nw, od) {
-      if (nw && !od) {
-        this.activeCard.case = this.activeCard.community = false
-      }
-    },
-    ['activeCard.case'] (nw, od) {
-      if (nw && !od) {
-        this.activeCard.product = this.activeCard.community = false
-      }
-    },
-    ['activeCard.community'] (nw, od) {
-      if (nw && !od) {
-        this.activeCard.case = this.activeCard.product = false
+  computed: {
+    activeCard () {
+      const atv = (this.default || '').split('-')
+      const atvCard = atv[0] || false
+      const atvItem = atv[1] || false
+      return {
+        product: false,
+        case: false,
+        community: false,
+        [`${atvCard}`]: atvItem
       }
     },
-    default (nw) {
-      console.log('--------->', nw)
-      if (!nw) return
-      this.activeCard[nw] = true
-    }
   },
   mounted () {
 

src/components/pages/productCenter/productCenter.vue

         </el-menu>
       </div>-->
 
-      <prod-navi class="nav" default="product"></prod-navi>
+      <prod-navi class="nav" default="product-2"></prod-navi>
     </div>
     <div class="secondHouse-middle">
       <div class="secondHouse_content">

src/components/pages/productCenter/release.vue

           <div class="product_top_con_right"></div>
         </div>
       </div>
-      <prod-navi class="nav" default="case"></prod-navi>
+      <prod-navi class="nav" default="case-3"></prod-navi>
     </div>
 
     <div class="secondHouse-middle">