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

11

Browse Source
This commit is contained in:
clay
2021-12-28 14:04:36 +08:00
parent a14b0e7dc1
commit 43b9044f89
22 changed files with 1597 additions and 494 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
src/views/header/index.vue Normal file
View File

@@ -0,0 +1,155 @@
<template>
<el-row>
<el-col :offset="3" :span="18">
<div class="header">
<!--头部部分-->
<div class="top">
<el-row>
<el-col :span="2">
<div class="link">
{{ $t('message.student') }}
</div>
</el-col>
<el-col :span="2">
<div class="link">
{{ $t('message.staff') }}
</div>
</el-col>
<el-col :span="2">
<div class="link">
{{ $t('message.alumni') }}
</div>
</el-col>
<el-col :span="2">
<div class="link">
{{ $t('message.examine') }}
</div>
</el-col>
<el-col :span="2">
<div class="link">
{{ $t('message.Services portal') }}
</div>
</el-col>
<el-col :offset="12" :span="2">
<div class="switchLang" @click="switchLang">{{ $t('message.switch') }}</div>
</el-col>
</el-row>
</div>
<!--导航部分-->
<div class="bottom">
<el-row>
<el-col :span="4">
<div class="icon">
<div class="icont"><img src="@/assets/header/sy_logo1@2x.png" alt=""></div>
<div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>
</div>
</el-col>
<el-col :offset="1" :span="19">
<div class="banner">
<div>学院首页</div>
<div>学院概况</div>
<div>党群工作</div>
<div>师资队伍</div>
<div>教育教学</div>
<div>科学研究</div>
<div>学科建设</div>
<div>学生工作</div>
<div>校友工作</div>
<div>国际化</div>
<div>资料下载</div>
</div>
</el-col>
</el-row>
</div>
</div>
</el-col>
<el-col :span="3">
</el-col>
</el-row>
</template>
<script>
export default {
name: "index",
methods: {
switchLang() {
let lang = ''
if (this.$i18n.locale === 'en') {
lang = 'cn'
} else {
lang = 'en'
}
this.$i18n.locale = lang;
}
}
}
</script>
<style scoped lang="scss">
.header {
.top {
font-size: 1.2rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
line-height: 3rem;
width: 100%;
height: 3rem;
background: #1956BC;
.switchLang {
cursor: pointer;
font-size: 1.6rem;
}
.link:hover{
background: rgba(255, 255, 255, 0.7);
}
}
.bottom {
height: 8rem;
background: rgba(25, 86, 188, 0.6);
border-radius: 0rem 0rem 2rem 2rem;
.icon{
margin-left: 20%;
div{
margin-top: 1rem;
}
.icont{
img{
width: 18.3rem;
}
}
.iconb{
img{
width: 8.9rem;
}
}
}
.banner{
width: 100%;
height: 8rem;
clear: left;
div{
width: 9%;
height: 100%;
line-height: 8rem;
text-align: center;
float: left;
font-size: 1.4rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
cursor:pointer;
}
div:hover{
background: rgba(255, 255, 255, 0.7);
}
}
}
}
</style>