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

View File

@@ -1,5 +0,0 @@
<template>
<div class="about">
{{$t("message.test")}}
</div>
</template>

View File

@@ -1,59 +0,0 @@
<template>
<div class="hello">
<p>{{$t('message.hello')}}</p>
<button @click="switchLang">{{$t('message.switch')}}</button>
<div>
<About/>
</div>
</div>
</template>
<script>
import {test} from '@/api/test'
import About from './About'
export default {
name: 'HelloWorld',
components: {
About
},
data () {
return {
}
},
computed: {
label () {
return this.$t('message.hello')
}
},
methods: {
switchLang () {
test().then(res =>{
console.log(res)
})
let lang = ''
if (this.$i18n.locale === 'en') {
lang = 'cn'
} else {
lang = 'en'
}
this.$i18n.locale = lang;
}
}
}
</script>
<style scoped>
h1,
h2 {
font-weight: normal;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>

View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>

View File

@@ -0,0 +1,18 @@
<template>
<div class="footer">
</div>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
.footer{
height: 26.7rem;
background-color: rgb(107 109 108);
}
</style>

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>

13
src/views/index/index.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>

View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>

View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>