odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dengjie commit : header区图标部分修改

Browse Source
This commit is contained in:
clay
2022-10-09 23:23:42 +08:00
parent 57c4086905
commit 0cad52bd99
7 changed files with 126 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/header/enz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 439 B

BIN
src/assets/header/enz@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 705 B

BIN
src/assets/header/enzl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 443 B

BIN
src/assets/header/enzl@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 720 B

35
src/views/header/index.vue
View File

@@ -8,8 +8,8 @@
<el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
<div class="icon">
<!-- <div class="icont"><img src="@/assets/header/logo@2x.png" alt=""></div>-->
<div class="icont" v-show="logo" ><img src="@/assets/header/logob.png" alt=""></div>
<div class="icont" v-show="!logo"><img src="@/assets/header/logol.png" alt=""></div>
<div class="icont" v-show="login_blue" ><img src="@/assets/header/logob.png" alt=""></div>
<div class="icont" v-show="!login_blue"><img src="@/assets/header/logol.png" alt=""></div>
<!-- <div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>-->
</div>
@@ -59,10 +59,12 @@
<!--<div class="secondary" v-if="index == 5">-->
</div>
</span>
<div class="iconfont" @click="login" v-show="logo"><img src="@/assets/header/denglu.png" alt=""></div>
<div class="iconfont" @click="login" v-show="!logo"><img src="@/assets/header/denglu1.png" alt=""></div>
<div class="iconfont" @click="switchLang" v-show="logo"><img src="@/assets/header/en.png" alt=""></div>
<div class="iconfont" @click="switchLang" v-show="!logo"><img src="@/assets/header/en1.png" alt=""></div>
<div class="iconfont" @click="login" v-show="login_blue"><img src="@/assets/header/denglu.png" alt=""></div>
<div class="iconfont" @click="login" v-show="!login_blue"><img src="@/assets/header/denglu1.png" alt=""></div>
<div class="iconfont" @click="switchLang" v-show="en_logo_blue"><img src="@/assets/header/en.png" alt=""></div>
<div class="iconfont" @click="switchLang" v-show="en_login_white"><img src="@/assets/header/en1.png" alt=""></div>
<div class="iconfont" @click="switchLang" v-show="ch_logo_blue"><img src="@/assets/header/enz.png" alt=""></div>
<div class="iconfont" @click="switchLang" v-show="ch_logo_white"><img src="@/assets/header/enzl.png" alt=""></div>
</div>
</el-col>
</div>
@@ -84,7 +86,11 @@ export default {
pc: document.documentElement.clientWidth > 992,
menuData: [],
link_color:'#C5DCFE',
logo:true
login_blue:true,
en_logo_blue:false,
en_login_white:false,
ch_logo_blue:true,
ch_logo_white:false
}
},
mounted() {
@@ -95,19 +101,22 @@ export default {
window.onscroll = ()=>{
// 获取滚动距离
let top = document.documentElement.scrollTop || document.body.scrollTop;
if (top !== 0) {
Head.style = "position: fixed;top: 0;background-color: #fff;"
header_bgc.style= "position: fixed;top: 0;background-color: #fff;box-shadow: 0px 1px 3px 0px rgba(8,57,122,0.18);"
this.link_color='#0A51AE'
this.logo=false
// link_text.style="color:#fff;"
// link_text.addClass('active')
this.login_blue=false
this.ch_logo_blue=false
this.ch_logo_white=true
// this.en_login_white=false
}else if(top === 0){
Head.style = "position: static;"
header_bgc.style= "position: static;background: linear-gradient(180deg, #0A51AE 0%, rgba(25,84,167,0.9) 56%, rgba(21,82,167,0.7) 69%, rgba(16,80,168,0.4) 85%, rgba(11,81,173,0) 100%);"
this.link_color='#C5DCFE'
this.logo=true
this.login_blue=true
this.ch_logo_blue=true
this.ch_logo_white=false
// this.en_login_white=true
}
}
const that = this
@@ -134,12 +143,14 @@ export default {
},
menuCut(menu) {
console.log(menu)
// this.ch_logo_blue=false
this.$router.push("/pc/" + menu.encodeId + "?type=" + menu.type + "&lang=" + sessionStorage.getItem("lang"));
},
switchLang() {
let lang = ''
if (this.$i18n.locale === 'en') {
lang = 'cn'
} else {
lang = 'en'
}