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

01

Browse Source
This commit is contained in:
clay
2022-01-03 11:41:40 +08:00
parent b62da4bee6
commit 97850048ed
12 changed files with 819 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,12 +18,29 @@
<div class="title">{{ $t('message.news_center') }}</div>
<div class="divider">
<div class="divider_left">
<img src="@/assets/index/sy_icon_gd.png" alt="">
</div>
<div class="name">News Center</div>
<div class="divider_right">
<img src="@/assets/index/sy_icon_gd1.png" alt="">
</div>
<el-divider class="name">News Center</el-divider>
</div>
<!--录播图-->
<div class="slideshow">
@@ -113,13 +130,9 @@
<!--标题-->
<div class="title" style="background: #FFFFFF; color: #1956BC;margin-bottom: 2rem;">科学研究</div>
<div class="divider" style="width: 80rem;">
<div class="divider_left">
<img src="@/assets/index/sy_icon_gd.png" alt="">
</div>
<div class="name" style="color: #FFFFFF;">Scientific research trends</div>
<div class="divider_right">
<img src="@/assets/index/sy_icon_gd1.png" alt="">
</div>
<el-divider class="name">
<div >Scientific research trends</div>
</el-divider>
</div>
<el-row>
@@ -260,13 +273,9 @@
{{ $t('message.more') }}
</div>
<div class="divider" style="width: 66rem;">
<div class="divider_left">
<img src="@/assets/index/sy_icon_gd.png" alt="">
</div>
<div class="name" style="color: #FFFFFF;font-size: 2.6rem;">学术交流</div>
<div class="divider_right">
<img src="@/assets/index/sy_icon_gd1.png" alt="">
</div>
<el-divider>
<div class="name">学术交流</div>
</el-divider>
</div>
<el-row>
<el-col :offset="3" :span="18">
@@ -414,13 +423,9 @@
<!--标题-->
<div class="title" style="background: #DA2D2D; color: #FFFFFF;margin-bottom: 2rem;">党群工作</div>
<div class="divider" style="width: 80rem;">
<div class="divider_left">
<img src="@/assets/index/tttl.png" alt="">
</div>
<div class="name" style="color: #DA2D2D;">Party Building Activities</div>
<div class="divider_right">
<img src="@/assets/index/tttr.png" alt="">
</div>
<el-divider>
<div class="name">Party Building Activities</div>
</el-divider>
</div>
<div>
@@ -436,13 +441,9 @@
<div class="divider" style="width: 64rem; margin-top: 2rem;">
<div class="divider_left">
<img src="@/assets/index/tttl.png" alt="">
</div>
<div class="name" style="color: #DA2D2D;">党史教育</div>
<div class="divider_right">
<img src="@/assets/index/tttr.png" alt="">
</div>
<el-divider>
<div class="name">党史教育</div>
</el-divider>
</div>
<div class="phe">
@@ -545,177 +546,164 @@
<!--教学工作-->
<div class="teaching_and_student">
<el-row>
<el-col :offset="3" :span="18">
<el-col :xs="1" :sm="1" :md="2" :lg="3" :xl="5">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="22" :md="20" :lg="18" :xl="14">
<!--教学工作-->
<div class="title">教学工作</div>
<div class="divider" style="width: 76rem;">
<div class="divider_left">
<img src="@/assets/index/sy_icon_gd.png" alt="">
</div>
<div class="name">Teaching and student</div>
<div class="divider_right">
<img src="@/assets/index/sy_icon_gd1.png" alt="">
</div>
<el-divider>
<div class="name">Teaching and student</div>
</el-divider>
</div>
<div class="tw">
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :span="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
</el-row>
<el-divider></el-divider>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
</el-row>
<el-divider></el-divider>
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
</el-col>
<el-col :span="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
<div class="tw_bottoms">
2021-10
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
<el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-col>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
</el-col>
<el-col :span="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
<div class="tw_bottoms">
2021-10
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
<el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-col>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
</el-col>
<el-col :span="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
<div class="tw_bottoms">
2021-10
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
<el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-col>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
<el-row>
<el-col :span="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
</el-col>
<el-col :span="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
<div class="tw_bottoms">
2021-10
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
<el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
</el-col>
</el-row>
</el-col>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :span="3" :offset="1">
<div class="tw_img">
<img src="@/assets/index/tw1.png" alt="">
</div>
</el-col>
</el-row>
</el-row>
</div>
@@ -726,79 +714,80 @@
<img src="@/assets/index/sy_icon_zhdl.png" alt="">
</div>
</el-col>
<el-col :xs="1" :sm="1" :md="2" :lg="3" :xl="3">
<div class="grid-content"></div>
</el-col>
</el-row>
</div>
<!--下方开始-->
<div class="bottom">
<el-row>
<el-col :xs="0" :sm="2" :md="3" :lg="5" :xl="5">
<div class="grid-content"></div>
</el-col>
<el-col :xs="24" :sm="20" :md="16" :lg="12" :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>
@@ -843,10 +832,10 @@ export default {
console.log(window.pageYOffset)
*/
}, //返回顶部
backtop(top,type) {
backtop(top, type) {
// 实现滚动效果
const timeTop = setInterval(() => {
if (type){
if (type) {
document.body.scrollTop = document.documentElement.scrollTop = top -= 50
if (top <= 0) {
clearInterval(timeTop)
@@ -859,6 +848,10 @@ export default {
</script>
<style scoped lang="scss">
.el-divider__text{
background-color: transparent;
}
#index {
.title {
margin: 4rem auto 1rem;
@@ -900,12 +893,9 @@ export default {
height: 3rem;
line-height: 3rem;
div {
float: left;
}
.name {
font-size: 2rem;
background-color: transparent;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #1956BC;
@@ -915,7 +905,6 @@ export default {
}
.top {
img {
width: 100%;
}
@@ -923,6 +912,7 @@ export default {
.news_center {
.slideshow {
width: 100%;
.el-carousel__arrow {
top: 93%;
@@ -994,6 +984,7 @@ export default {
border-radius: 2.4rem;
.divider {
margin: 0 auto;
margin: 0;
padding: 0;
width: 44rem;
@@ -1152,6 +1143,14 @@ export default {
}
}
.tw_img {
width: 7vw;
img {
width: 100%;
}
}
}
@@ -1165,9 +1164,10 @@ export default {
width: 100%;
tr{
tr {
width: 100%;
}
td {
width: 50%;
margin: 0;