From 4e1cca0e3da79819fa3768402ce6a174aea5131f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 11 八月 2019 23:35:45 +0800
Subject: [PATCH] 2019-08-11
---
src/components/header.vue | 42 ++++++++++++++++++++++++++++--------------
1 files changed, 28 insertions(+), 14 deletions(-)
diff --git a/src/components/header.vue b/src/components/header.vue
index e54e1a7..f98d6fb 100644
--- a/src/components/header.vue
+++ b/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;
}
}
--
Gitblit v1.8.0