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-06 16:03:22 +08:00
parent 18f1083182
commit cf7efca641
3 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 635 B

21
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"> <el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
<div class="icon"> <div class="icon">
<!-- <div class="icont"><img src="@/assets/header/logo@2x.png" alt=""></div>--> <!-- <div class="icont"><img src="@/assets/header/logo@2x.png" alt=""></div>-->
<div class="icont" :style="{display:logoOne}"><img src="@/assets/header/logob.png" alt=""></div> <div class="icont" v-show="logo" ><img src="@/assets/header/logob.png" alt=""></div>
<div class="icont" :style="{display:logoTwo}"><img src="@/assets/header/logol.png" alt=""></div> <div class="icont" v-show="!logo"><img src="@/assets/header/logol.png" alt=""></div>
<!-- <div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>--> <!-- <div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>-->
</div> </div>
@@ -59,8 +59,10 @@
<!--<div class="secondary" v-if="index == 5">--> <!--<div class="secondary" v-if="index == 5">-->
</div> </div>
</span> </span>
<div class="iconfont" @click="login"><img src="@/assets/header/denglu.png" alt=""></div> <div class="iconfont" @click="login" v-show="logo"><img src="@/assets/header/denglu.png" alt=""></div>
<div class="iconfont" @click="switchLang"><img src="@/assets/header/en.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> </div>
</el-col> </el-col>
</div> </div>
@@ -82,8 +84,9 @@ export default {
pc: document.documentElement.clientWidth > 992, pc: document.documentElement.clientWidth > 992,
menuData: [], menuData: [],
link_color:'#C5DCFE', link_color:'#C5DCFE',
logoOne:'block', logo:true
logoTwo:'none' // logoOne:'block',
// logoTwo:'none'
} }
}, },
mounted() { mounted() {
@@ -99,16 +102,14 @@ export default {
Head.style = "position: fixed;top: 0;background-color: #fff;" 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);" 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.link_color='#0A51AE'
this.logoOne='none' this.logo=false
this.logoTwo='block'
// // link_text.style="color:#fff;" // // link_text.style="color:#fff;"
// link_text.addClass('active') // link_text.addClass('active')
}else if(top === 0){ }else if(top === 0){
Head.style = "position: static;" 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%);" 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.link_color='#C5DCFE'
this.logoOne='block' this.logo=true
this.logoTwo='none'
} }
} }
const that = this const that = this