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:06:29 +08:00
parent eaca9946be
commit 61fe34bb8a
11 changed files with 50 additions and 1563 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
src/views/index/components/bottom.vue Normal file
View File

@@ -0,0 +1,169 @@
<template>
<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/bottom/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>
</template>
<script>
export default {
name: "bottom"
}
</script>
<style scoped lang="scss">
.bottom {
margin-top: 2rem;
background-image: url('../../../assets/index/bottom/sy_bj4.png');
//height: 66rem;
.table {
margin: 4rem 0 0 0;
width: 100%;
tr {
width: 100%;
}
td {
width: 50%;
margin: 0;
padding: 0;
}
.left {
width: 100%;
height: 55rem;
.table_img {
//width: 17.6vw;
text-align: right;
padding-top: 6rem;
}
}
.right {
width: 123%;
height: 6.8rem;
clear: left;
position: relative;
color: #FFFFFF;
.table_tr_left {
position: absolute;
font-size: 1.6rem;
height: 100%;
line-height: 6.8rem;
float: left;
left: 12.5rem;
}
.table_tr_right {
position: absolute;
font-size: 2.4rem;
float: left;
right: 3.3rem;
height: 100%;
line-height: 6.8rem;
}
}
.one {
background-image: url("../../../assets/index/bottom/sy_icon_zxxs.png");
}
.tow {
margin-left: 6rem;
background-image: url("../../../assets/index/bottom/sy_icon_yjs.png");
}
.three {
margin-left: 12rem;
background-image: url("../../../assets/index/bottom/sy_icon_kytd.png");
}
.fourth {
margin-left: 18rem;
background-image: url("../../../assets/index/bottom/sy_icon_gccrc.png");
}
.five {
margin-left: 12rem;
background-image: url("../../../assets/index/bottom/sy_icon_gzrs.png");
}
.sex {
margin-left: 6rem;
background-image: url("../../../assets/index/bottom/sy_icon_zxxs.png");
}
}
}
</style>