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

首页完成

Browse Source
This commit is contained in:
clay
2022-01-03 16:04:54 +08:00
parent 51bc8a7d63
commit eaca9946be
46 changed files with 642 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/views/index/index.vue
View File

@@ -22,24 +22,6 @@
</div>
<el-divider class="name">News Center</el-divider>
</div>
<!--录播图-->
@@ -131,7 +113,7 @@
<div class="title" style="background: #FFFFFF; color: #1956BC;margin-bottom: 2rem;">科学研究</div>
<div class="divider" style="width: 80rem;">
<el-divider class="name">
<div >Scientific research trends</div>
<div>Scientific research trends</div>
</el-divider>
</div>
@@ -720,74 +702,74 @@
</el-row>
</div>
<!--下方开始-->
<!-- <div class="bottom">-->
<!-- <el-row>-->
<!-- <el-col :xs="0" :sm="1" :md="3" :lg="5" :xl="6">-->
<!-- <div class="grid-content"></div>-->
<!-- </el-col>-->
<!-- <el-col :xs="24" :sm="22" :md="18" :lg="14" :xl="12">-->
<!-- <div class="table">-->
<!-- <table>-->
<!-- <tr>-->
<!-- <td rowspan="6">-->
<!-- <div class="left">-->
<!-- <div class="table_img">-->
<!-- <img src="@/assets/index/sy_icon_sjzx.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </td>-->
<!-- <td>-->
<!-- <div class="right one">-->
<!-- <div class="table_tr_left">职工人数</div>-->
<!-- <div class="table_tr_right">667人</div>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <div class="right tow">-->
<!-- <div class="table_tr_left">在校学生人数</div>-->
<!-- <div class="table_tr_right">667人</div>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <div class="right three">-->
<!-- <div class="table_tr_left">研究生导师</div>-->
<!-- <div class="table_tr_right">667人</div>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <div class="right fourth">-->
<!-- <div class="table_tr_left">科研团队</div>-->
<!-- <div class="table_tr_right">28000人</div>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <div class="right five">-->
<!-- <div class="table_tr_left">高层次人才</div>-->
<!-- <div class="table_tr_right">18个</div>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <div class="right sex">-->
<!-- <div class="table_tr_left">重大项目</div>-->
<!-- <div class="table_tr_right">280000个</div>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- </table>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<div class="bottom">
<el-row>
<el-col :xs="0" :sm="1" :md="3" :lg="5" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col :xs="24" :sm="22" :md="18" :lg="14" :xl="12">
<div class="table">
<table>
<tr>
<td rowspan="6">
<div class="left">
<div class="table_img">
<img src="@/assets/index/sy_icon_sjzx.png" alt="">
</div>
</div>
</td>
<td>
<div class="right one">
<div class="table_tr_left">职工人数</div>
<div class="table_tr_right">667人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right tow">
<div class="table_tr_left">在校学生人数</div>
<div class="table_tr_right">667人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right three">
<div class="table_tr_left">研究生导师</div>
<div class="table_tr_right">667人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right fourth">
<div class="table_tr_left">科研团队</div>
<div class="table_tr_right">28000人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right five">
<div class="table_tr_left">高层次人才</div>
<div class="table_tr_right">18个</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right sex">
<div class="table_tr_left">重大项目</div>
<div class="table_tr_right">280000个</div>
</div>
</td>
</tr>
</table>
</div>
</el-col>
</el-row>
</div>
</div>
@@ -848,10 +830,11 @@ export default {
</script>
<style scoped lang="scss">
.el-divider__text{
.el-divider__text {
background-color: transparent;
}
#index {
.title {
margin: 4rem auto 1rem;
@@ -1101,62 +1084,62 @@ export default {
.tw {
margin-top: 4rem;
.tw_time {
border-right: .2rem solid #D5D5D5;
height: 10rem;
width: 10rem;
color: #1956BC;
text-align: center;
.tw_top {
height: 8rem;
width: 100%;
line-height: 8rem;
font-size: 5.2rem;
}
.tw_bottoms {
height: 2rem;
width: 100%;
font-size: 1.4rem;
}
}
.tw_context {
font-family: PingFangSC-Medium, PingFang SC;
color: #161616;
.tw_context_title {
font-size: 2rem;
font-weight: 600;
padding-right: 2rem;
}
.tw_context_text {
margin-top: .8rem;
font-size: 1.6rem;
font-weight: 400;
}
}
.tw_img {
width: 7vw;
img {
width: 100%;
}
}
}
.tw_time {
border-right: .2rem solid #D5D5D5;
height: 10rem;
width: 10rem;
color: #1956BC;
text-align: center;
.tw_top {
height: 8rem;
width: 100%;
line-height: 8rem;
font-size: 5.2rem;
}
.tw_bottoms {
height: 2rem;
width: 100%;
font-size: 1.4rem;
}
}
.tw_context {
font-family: PingFangSC-Medium, PingFang SC;
color: #161616;
.tw_context_title {
font-size: 2rem;
font-weight: 600;
padding-right: 2rem;
}
.tw_context_text {
margin-top: .8rem;
font-size: 1.6rem;
font-weight: 400;
}
}
.tw_img {
width: 7vw;
img {
width: 100%;
}
}
}
.bottom {
margin-top: 2rem;
background-image: url('../../assets/index/sy_bj4.png');
background-image: url('../../assets/index/bottom/sy_bj4.png');
//height: 66rem;
.table {
@@ -1212,32 +1195,32 @@ export default {
}
.one {
background-image: url("../../assets/index/footer/sy_icon_zxxs.png");
background-image: url("../../assets/index/bottom/sy_icon_zxxs.png");
}
.tow {
margin-left: 6rem;
background-image: url("../../assets/index/footer/sy_icon_yjs.png");
background-image: url("../../assets/index/bottom/sy_icon_yjs.png");
}
.three {
margin-left: 12rem;
background-image: url("../../assets/index/footer/sy_icon_kytd.png");
background-image: url("../../assets/index/bottom/sy_icon_kytd.png");
}
.fourth {
margin-left: 18rem;
background-image: url("../../assets/index/footer/sy_icon_gccrc.png");
background-image: url("../../assets/index/bottom/sy_icon_gccrc.png");
}
.five {
margin-left: 12rem;
background-image: url("../../assets/index/footer/sy_icon_gzrs.png");
background-image: url("../../assets/index/bottom/sy_icon_gzrs.png");
}
.sex {
margin-left: 6rem;
background-image: url("../../assets/index/footer/sy_icon_zxxs.png");
background-image: url("../../assets/index/bottom/sy_icon_zxxs.png");
}
}