| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | } |
| | | }, |
| | | 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; |
| | |
| | | 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> |
| | |
| | | float: left; |
| | | |
| | | img { |
| | | height: 0.67rem; |
| | | height: 0.4rem; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .homeico { |
| | | img { |
| | | height: 0.54rem; |
| | | height: 0.5rem; |
| | | margin-right: 0.46rem; |
| | | } |
| | | } |