king
2019-08-11 4e1cca0e3da79819fa3768402ce6a174aea5131f
src/components/header.vue
@@ -2,16 +2,16 @@
   <div class="header" :class="!isShow ? '' : 'h_height'">
      <div class="wrapper">
         <a class="logo"><img src="../img/index_logo.png" alt=""></a>
         <div class="nav">
         <div class="nav" @mouseleave="leave()">
            <router-link tag="span" class="homeico m_hide" to="/"><img src="../img/homeico.png" alt=""></router-link>
            <span class="homeico p_hide" @click="jump('/')"><img src="../img/homeico.png" alt=""></span>
            <span class="navico" v-if="!isShow" @click="showNav"><img src="../img/navico.png" alt=""></span>
            <span class="navico" v-else @click="showNav"><img src="../img/close.png" alt=""></span>
            <ul class="nav_ul" ref="nav_ul">
               <router-link tag="li" v-for="(menu,index) in menus" :key="index" :to="menu.url" :class="{active1:cur==index}">
               <router-link tag="li" v-for="(menu, index) in menus" :key="index" :to="menu.url" :class="{active1: cur === index}">
                  <span @mouseover="add(index)">{{ menu.text }}</span>
               </router-link>
               <div class="list1 list3" :class="{active:this.menus[1].flag==true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div>
               <!-- <div class="list1 list3" :class="{active:this.menus[1].flag === true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div> -->
               <div :class="{active:this.menus[1].flag==true}" class="list1" @click="adda(1)" v-if="menus[1].flag">
                  <ul class="abloutMingKe_ul">
                     <router-link @click="add1($event,index)" tag="li" v-for="(secondMenus,index) in secondMenus" :key="index" :to="secondMenus.url">{{secondMenus.text}}</router-link>
@@ -20,8 +20,8 @@
                     <router-link tag="li" v-for="(secondMenus,index) in secondMenus1" :key="index" :to="secondMenus.url">{{secondMenus.text}}</router-link>
                  </ul>
               </div>
               <div class="list1 list33" :class="{active:this.menus[1].flag==true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div>
               <div :class="{active:this.menus[5].flag==true}" class="list1 list33" @click="menus[5].flag = false" v-if="menus[5].flag"></div>
               <!-- <div class="list1 list33" :class="{active:this.menus[1].flag==true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div> -->
               <!-- <div :class="{active:this.menus[5].flag==true}" class="list1 list33" @click="menus[5].flag = false" v-if="menus[5].flag"></div> -->
               <div :class="{active:this.menus[5].flag==true}" class="list2" @click="adda(5)" v-if="menus[5].flag">
                  <ul class="abloutMingKe_ul2">
                     <li v-for="(secondMenus,index) in secondMenus2" @click="add5(secondMenus.url,index+1)" :key="index">{{secondMenus.text}}</li>
@@ -182,16 +182,16 @@
         }
      },
      methods: {
         goHere(path) {
         goHere (path) {
            this.$router.push({
               path: path
            });
         },
         showNav() {
         showNav () {
            this.isShow = !this.isShow;
            this.$refs.nav_ul.style.left = this.isShow ? (0 + 'px') : (-1000 + 'px')
         },
         add(index) {
         add (index) {
            this.cur = index
            if (index == 1) {
               this.menus[index].flag = !this.menus[index].flag;
@@ -204,26 +204,40 @@
               this.menus[5].flag = false;
            }
         },
         add5(u,i) {
         leave () {
            this.menus[1].flag = false;
            this.menus[5].flag = false;
         },
         add5 (u,i) {
            if(i != 4){
               this.$router.push(`${u}#anchor-${i}`)
            }else{
               this.$router.push(u)
            }
         },
         adda(index) {
         adda (index) {
            if (index == 1 || index == 5) {
               this.menus[index].flag = false;
            }
         },
         add1(e, index) {
         add1 (e, index) {
            console.log(index)
         },
         //移动端跳转
         jump(u) {
         jump (u) {
            this.isShow = false
            this.$router.push(u)
         },
         load () {
            this.$axios({
               data: {
                  func: 'Web_Index_GetData'
               }
            })
         }
      },
      mounted () {
         this.load()
      }
   }
</script>
@@ -254,7 +268,7 @@
         float: left;
         img {
            height: 0.67rem;
            height: 0.4rem;
         }
      }
@@ -271,7 +285,7 @@
         .homeico {
            img {
               height: 0.54rem;
               height: 0.5rem;
               margin-right: 0.46rem;
            }
         }