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

01

Browse Source
This commit is contained in:
clay
2022-01-02 12:37:40 +08:00
parent 8232008a5c
commit ce89149e2d
8 changed files with 92 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,9 @@
<template>
<el-row>
<el-col :offset="4" :span="16">
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16">
<div class="header">
<!--头部部分-->
<div class="top">
@@ -63,7 +66,8 @@
</div>
</div>
</el-col>
<el-col :span="4">
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
</el-row>
</template>
@@ -88,19 +92,19 @@ export default {
<style scoped lang="scss">
.header {
.top {
font-size: 12px;
font-size: 1.2rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
line-height: 30px;
line-height: 3rem;
width: 100%;
height: 30px;
height: 3rem;
background: #1956BC;
.switchLang {
cursor: pointer;
font-size: 16px;
font-size: 1.6rem;
}
.link:hover{
background: rgba(255, 255, 255, 0.7);
@@ -109,23 +113,22 @@ export default {
}
.bottom {
height: 80px;
height: 8rem;
background: rgba(25, 86, 188, 0.6);
border-radius: 0 0 20px 20px;
border-radius: 0rem 0rem 2rem 2rem;
.icon{
font-size: 0;
margin-left: 20%;
div{
margin-top: 10px;
margin-top: 1rem;
}
.icont{
img{
width: 183px;
width: 18.3rem;
}
}
.iconb{
img{
width: 89px;
width: 8.9rem;
}
}
}
@@ -135,15 +138,15 @@ export default {
color: #ffffff;
}
width: 100%;
height: 80px;
height: 8rem;
clear: left;
div{
width: 9%;
height: 100%;
line-height: 80px;
line-height: 8rem;
text-align: center;
float: left;
font-size: 14px;
font-size: 1.4rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;