head样式修改

assets/scss/cus-client/cus-client-common.scss

@@ -170,6 +170,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
       content: '';width: 88%;height: 2px;background-color:#00B96B;
       display: block;position: absolute;bottom: -6px;left: 6%;
     }
+    // 导航按钮
+    .head-nav-btn.active{position: relative;}
+    .head-nav-btn.active:before{width: 70%;bottom: -10px;left: 4%;}
   }
 
   //头部左侧区域

components/qgNav/index.vue

@@ -14,7 +14,7 @@
             <span class="head-popper-des">{{ item.des }}</span>
           </p>
         </nuxt-link>
-      <span class="nav-btn" slot="reference" :class="{active: curActive === 'chanpinyufuwu'}">产品与服务<i class="el-icon-arrow-down el-icon--right"></i></span>
+      <span class="head-nav-btn" slot="reference" :class="{active: curActive === 'chanpinyufuwu'}">产品与服务<i class="el-icon-arrow-down el-icon--right"></i></span>
     </el-popover>
 
     <el-popover
@@ -49,7 +49,7 @@
           </div>
         </div>
       </div>
-      <span class="nav-btn" slot="reference" :class="{active: curActive === 'jiejuefangan'}">解决方案<i class="el-icon-arrow-down el-icon--right"></i></span>
+      <span class="head-nav-btn" slot="reference" :class="{active: curActive === 'jiejuefangan'}">解决方案<i class="el-icon-arrow-down el-icon--right"></i></span>
     </el-popover>
 
     <nuxt-link to="/news" :class="{active: curActive === 'news'}">新闻资讯</nuxt-link>