01
This commit is contained in:
clay
@@ -1,133 +1,134 @@
|
||||
<template>
|
||||
<el-row>
|
||||
<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">
|
||||
<el-row>
|
||||
<el-col :span="2">
|
||||
<div class="link">
|
||||
{{ $t('message.student') }}
|
||||
<!-- <el-row>-->
|
||||
<!-- <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">-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">-->
|
||||
<!-- <div class="grid-content"></div>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
|
||||
<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="3">
|
||||
<div class="link">
|
||||
{{ $t('message.Services portal') }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :offset="11" :span="2">
|
||||
<div class="switchLang" @click="switchLang">{{ $t('message.switch') }}</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<!--导航部分-->
|
||||
<div class="bottom">
|
||||
<el-row>
|
||||
<el-col v-show="width>=992" :xs="1" :sm="1" :md="4" :lg="4" :xl="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 v-show="width>=992" :span="1">
|
||||
<div class="grid-content"></div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19" :span="19">
|
||||
<div class="banner">
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学院首页</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<div class="link">
|
||||
{{ $t('message.staff') }}
|
||||
</router-link>
|
||||
<router-link to="/sp">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学院概况</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<div class="link">
|
||||
{{ $t('message.alumni') }}
|
||||
</router-link>
|
||||
<router-link to="/ts">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>党群工作</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<div class="link">
|
||||
{{ $t('message.examine') }}
|
||||
</router-link>
|
||||
<router-link to="/et">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>师资队伍</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<div class="link">
|
||||
{{ $t('message.Services portal') }}
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>教育教学</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :offset="11" :span="2">
|
||||
<div class="switchLang" @click="switchLang">{{ $t('message.switch') }}</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<!--导航部分-->
|
||||
<div class="bottom">
|
||||
<el-row>
|
||||
<el-col v-show="width>=992" :xs="1" :sm="1" :md="4" :lg="4" :xl="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>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>科学研究</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col v-show="width>=992" :span="1">
|
||||
<div class="grid-content"></div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19" :span="19">
|
||||
<div class="banner">
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学院首页</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/sp">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学院概况</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/ts">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>党群工作</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/et">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>师资队伍</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>教育教学</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>科学研究</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学科建设</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学生工作</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>校友工作</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>国际化</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>资料下载</div>
|
||||
</div>
|
||||
</router-link>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学科建设</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
|
||||
<div class="grid-content"></div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>学生工作</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>校友工作</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>国际化</div>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/">
|
||||
<div class="link_text">
|
||||
<div class="border"></div>
|
||||
<div>资料下载</div>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -138,6 +139,9 @@ export default {
|
||||
width: document.documentElement.clientWidth
|
||||
}
|
||||
},
|
||||
created() {
|
||||
console.log(this.width)
|
||||
},
|
||||
methods: {
|
||||
switchLang() {
|
||||
let lang = ''
|
||||
@@ -154,6 +158,8 @@ export default {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.header {
|
||||
width: 110rem;
|
||||
margin: 0 auto;
|
||||
.top {
|
||||
font-size: 1.2rem;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
|
||||
Reference in New Issue
Block a user