This commit is contained in:
clay
2021-12-28 19:04:48 +08:00
parent 43b9044f89
commit 3d1e97f1df
16 changed files with 211 additions and 22 deletions

View File

@@ -1,6 +1,37 @@
<template>
<div class="footer">
<el-row>
<el-col :offset="3" :span="20">
<el-row>
<el-col :span="12">
<div class="fLeft" style="margin-top: 1rem">
<p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:20px; padding-bottom:6px; ">
CONTACT US</p>
<p style="margin-top: 6px;">犀浦校区地址中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院 &nbsp;&nbsp;&nbsp;&nbsp; </p>
<p>邮政编码611756</p>
<p>电话+86 28 66366709(行政)<!--&nbsp;+86 28 66366741(学生工作组)--></p>
<p style="margin-top: 8px;">版权所有 © 2015 西南交通大学信息科学与技术学院. All rights reserved. <a href="#">&nbsp;意见反馈</a>
</p>
</div>
</el-col>
<el-col :span="12">
<table class="fRight" cellpadding="0" cellspacing="0" border="0">
<tbody><tr>
<td><img src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg"></td>
<td><p><a href="http://www.swjtu.edu.cn/" target="_blank">西南交通大学中文</a></p>
<p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">西南交通大学ENGLISH</a></p>
<p><a href="http://fad.swjtu.edu.cn/public/Default.aspx" target="_blank">西南交通大学国际合作与交流处</a></p>
<p><a href="http://www.csc.edu.cn/" target="_blank">国家留学基金管理委员会</a></p>
<p><a href="http://www.fmprc.gov.cn/" target="_blank">中华人民共和国外交部</a></p>
<p><a href="http://www.moe.edu.cn/" target="_blank">中华人民共和国教育部门户网站</a></p>
<p><a href="http://www.ieee.org/" target="_blank">电气和电子工程师协会(IEEE)</a></p>
</td>
</tr>
</tbody></table>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
@@ -10,9 +41,33 @@ export default {
}
</script>
<style scoped>
.footer{
height: 26.7rem;
background-color: rgb(107 109 108);
}
<style scoped lang="scss">
.footer {
height: 20rem;
background-color: rgb(107, 109, 108);
color: #b2b2b2 !important;
font-size: 1.2rem;
a{
color: #b2b2b2 !important;
text-decoration:none;
}
.fLeft{
text-decoration: none;
margin-top: 1rem;
p {
margin-top: .5rem;
}
}
.fRight{
margin-top: 1rem;
text-decoration: red;
p {
margin-left: 1rem;
margin-top: .5rem;
}
}
}
</style>