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>

194
src/views/index/components/news_center.vue Normal file
View File

@@ -0,0 +1,194 @@
<template>
<div class="news_center">
<!--title-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="title">
{{ $t('message.news_center') }}
</div>
<el-row>
<el-col :span="9">
<hr class="hr">
</el-col>
<el-col :span="6">
<div class="divider_text">News Center</div>
</el-col>
<el-col :span="9">
<hr class="hr">
</el-col>
</el-row>
</el-col>
</el-row>
<!--录播图-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16">
<div class="slideshow">
<el-carousel trigger="click" height="23.3vw">
<el-carousel-item v-for="item in 4" :key="item">
<div>
<img src="@/assets/index/news_center/t1@2x.png" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item }}喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
</el-col>
</el-row>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
</el-col>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
</el-row>
<!--轮播图下的新闻-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16">
<el-row class="news">
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" :span="6">
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t2.png" alt="">
</div>
<div class="news_context_text">
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" :span="6">
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t3.png" alt="">
</div>
<div class="news_context_text">
“学党史 担使命”一班一品牌，班班展风采——信息科学与技术学院2020-2021…
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" :span="6">
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t4.png" alt="">
</div>
<div class="news_context_text">
西南交大第十届青年教师教学竞赛信息学院初赛顺利举行
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" :span="6">
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t5.png" alt="">
</div>
<div class="news_context_text">
“奋斗青春 梦想起航” 西南交通大学信息科学与技术学院2021级新生开学典礼
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
<!--更多-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="more">
{{ $t('message.more') }}
</div>
<div class="more_img">
<img src="@/assets/index/sy_icon_zhdl.png" alt="">
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "news_center"
}
</script>
<style scoped lang="scss">
@import '../css/comment.css';
.news_center{
padding-bottom: 2rem;
}
.slideshow {
width: 100%;
.el-carousel__arrow {
top: 93%;
display: block;
}
.bottom_title {
z-index: 99;
width: 100%;
height: 3.6vw;
background: #1956BC;
opacity: 0.89;
position: absolute;
bottom: 0;
line-height: 3.6vw;
font-size: 2rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
img {
width: 100%;
}
}
.news {
.news_context:hover {
box-shadow: 0rem 0rem 0.7rem 0rem rgba(18, 69, 155, 0.59);
}
.news_context {
width: 23rem;
height: 23rem;
margin: 3rem auto;
border-radius: 1.4rem;
border: 0.1rem solid #CAD9F3;
.news_context_img {
height: 14rem;
img {
width: 100%;
}
}
.news_context_text {
font-size: 1.6rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #262626;
margin: 1rem auto;
width: 80%;
height: 4rem;
}
}
}
</style>

254
src/views/index/components/party_building_activities.vue Normal file
View File

@@ -0,0 +1,254 @@
<template>
<div class="party_building_activities">
<!--title-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="title">
<!-- {{ $t('message.news_center') }}-->
党群工作
</div>
<el-row>
<el-col :span="8">
<hr class="hr">
</el-col>
<el-col :span="8">
<div class="divider_text">Party Building Activities</div>
</el-col>
<el-col :span="8">
<hr class="hr">
</el-col>
</el-row>
</el-col>
</el-row>
<!--轮播图-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="3">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="18">
<SlideshowCard/>
</el-col>
</el-row>
<!--更多-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div style="background: #DA2D2D;color: #FFFFFF;" class="more">
{{ $t('message.more') }}
</div>
<div class="more_img">
<img src="@/assets/index/party_building_activities/sy_icon_zhdh.png" alt="">
</div>
<el-row>
<el-col :span="9">
<hr class="hr">
</el-col>
<el-col :span="6">
<div class="divider_text">党史教育</div>
</el-col>
<el-col :span="9">
<hr class="hr">
</el-col>
</el-row>
</el-col>
</el-row>
<!--党史教育内容-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16" class="phe">
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/1.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
<div class="phe_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/1.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
<div class="phe_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/1.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
<div class="phe_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/1.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
<div class="phe_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/1.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
<div class="phe_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
import SlideshowCard from './slideshow_card'
export default {
name: "party_building_activities",
components: {
SlideshowCard
}
}
</script>
<style scoped lang="scss">
.party_building_activities {
background-image: url("../../../assets/index/party_building_activities/sy_bj3.png");
padding-top: 4rem;
padding-bottom: 2rem;
}
.headline {
.title {
background: #DA2D2D;
}
.divider_text {
color: #DA2D2D;
}
}
.hr {
border: .1rem solid #D13C3C;
}
.phe_row{
margin: 4rem 0;
}
.phe {
font-family: PingFangSC-Medium, PingFang SC;
margin-top: 4rem;
margin-bottom: 4rem;
.phe_img {
img {
height: 10rem;
}
}
.phe_context {
.phe_context_title {
cursor: pointer;
font-size: 2rem;
font-weight: 600;
color: #161616;
letter-spacing: 2px;
}
.phe_context_title:hover {
color: #DA2D2D;
}
.phe_context_text {
margin-top: 0.8rem;
font-size: 1.6rem;
color: #565656;
letter-spacing: 1px;
}
}
.phe_time {
text-align: right;
font-size: 2rem;
font-weight: 500;
color: #565656;
letter-spacing: 2px;
}
}
</style>

416
src/views/index/components/scientific_research_trends.vue Normal file
View File

@@ -0,0 +1,416 @@
<template>
<div class="scientific_research_trends">
<!--title-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="title">
<!-- {{ $t('message.news_center') }}-->
科学研究
</div>
<el-row>
<el-col :span="8">
<hr class="hr">
</el-col>
<el-col :span="8">
<div class="divider_text">Scientific research trends</div>
</el-col>
<el-col :span="8">
<hr class="hr">
</el-col>
</el-row>
</el-col>
</el-row>
<!--科学研究新闻内容-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col class="scientific_context" :xs="22" :sm="20" :md="20" :lg="16" :xl="16">
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh1.png" alt="">
</el-col>
<el-col :span="16" class="text">科研院关于组织申报国家重点研发计划</el-col>
<el-col :span="4">
<div class="time">2021.10.10</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh2.png" alt="">
</el-col>
<el-col :span="16" class="text">科技部关于发布国家重点研发计划“科</el-col>
<el-col :span="4">
<div class="time">2021.10.22</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh3.png" alt="">
</el-col>
<el-col :span="16" class="text">关于征集适宜向“一带一路”国家转移的…</el-col>
<el-col :span="4">
<div class="time">2021.10.21</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh4.png" alt="">
</el-col>
<el-col :span="16" class="text">西南交通大学关于2021年度国家自然</el-col>
<el-col :span="4">
<div class="time">2021.10.07</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh5.png" alt="">
</el-col>
<el-col :span="16" class="text">关于召开2021年度国家自然科学基金项…</el-col>
<el-col :span="4">
<div class="time">2021.10.11</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh6.png" alt="">
</el-col>
<el-col :span="16" class="text">关于2021年度四川省科技奖励提名工作…</el-col>
<el-col :span="4">
<div class="time">2021.10.30</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh7.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh8.png" alt="">
</el-col>
<el-col :span="16" class="text">国家自然科学基金委员会中德科学中心…</el-col>
<el-col :span="4">
<div class="time">2021.10.26</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh9.png" alt="">
</el-col>
<el-col :span="16" class="text">关于征集适宜向“一带一路”国家转移的…</el-col>
<el-col :span="4">
<div class="time">2021.10.23</div>
</el-col>
</el-row>
<div v-show="width<992" class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh10.png"
alt=""></el-col>
<el-col :span="16" class="text">科研院关于组织申报国家重点研发计划</el-col>
<el-col :span="4">
<div class="time">2021.08.06</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
</el-row>
<!--更多-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div style="background: #FFFFFF;color: #1956BC;" class="more">
{{ $t('message.more') }}
</div>
<el-row>
<el-col :span="9">
<hr class="hr">
</el-col>
<el-col :span="6">
<div class="divider_text">学术交流</div>
</el-col>
<el-col :span="9">
<hr class="hr">
</el-col>
</el-row>
</el-col>
</el-row>
<!--学术交流-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col class="academia_context" :xs="22" :sm="20" :md="20" :lg="16" :xl="16">
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div v-show="width<992" class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
</el-row>
<!--更多-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div style="background: #FFFFFF;color: #1956BC;" class="more">
{{ $t('message.more') }}
</div>
<div class="more_img">
<img src="@/assets/index/scientific_research_trends/sy_icon_zhdb.png" alt="">
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "scientific_research_trends",
data() {
return {
width: document.documentElement.clientWidth
}
},
}
</script>
<style scoped lang="scss">
@import '../css/comment.css';
.scientific_research_trends {
background-image: url("../../../assets/index/scientific_research_trends/sy_bj2.png");
padding-top: 4rem;
padding-bottom: 2rem;
}
.headline {
.title {
background: #FFFFFF;
color: #1956BC;
}
.divider_text {
font-size: 2rem;
font-weight: 500;
color: #FFFFFF;
}
}
.scientific_context {
background: rgba(255, 255, 255, 0.9);
border-radius: 2.4rem;
padding: 2rem 0;
.scientific_context_text {
margin-top: 2rem;
color: #1956BC;
padding-left: 4rem;
.img {
img{
width: 2.6rem;
}
}
.text {
margin-left: 1rem;
font-size: 1.8rem;
font-weight: 500;
}
.time {
text-align: center;
font-size: 1.2rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
width: 7.2rem;
height: 2.2rem;
line-height: 2.2rem;
border-radius: 1.1rem;
border: 0.1rem solid #1956BC;
margin-left: 3rem;
}
}
.scientific_context_divider {
padding-left: 4rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
}
.academia_context {
background: rgba(255, 255, 255, 0.9);
padding: 2rem 0;
.academia_context_divider {
padding-left: 4rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.academia_context_text {
margin-top: 2rem;
color: #1956BC;
padding-left: 4rem;
.img {
img{
width: 2.6rem;
}
}
.text {
margin-left: 1rem;
font-size: 1.8rem;
font-weight: 500;
}
.time {
font-size: 1.2rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #1956BC;
line-height: 2.4rem;
}
}
}
</style>

4
src/views/index/components/slideshow_card.vue
View File

@@ -177,7 +177,7 @@ export default {
position: relative;
ul {
width: 90%;
width: 71.5%;
height: 100%;
margin: 0 auto;
text-align: center;
@@ -194,7 +194,6 @@ export default {
list-style-type: none;
transition: 0.3s;
cursor: pointer;
border: 1px solid #DA2D2D;
background-color: #fff;
.card_img {
@@ -238,6 +237,7 @@ export default {
left: 30rem;
z-index: 100;
transform: scale(1);
border: 1px solid #DA2D2D;
}
.four {

300
src/views/index/components/teaching_student.vue Normal file
View File

@@ -0,0 +1,300 @@
<template>
<div class="teaching_student">
<!--title-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="title">
<!-- {{ $t('message.news_center') }}-->
教学工作
</div>
<el-row>
<el-col :span="8">
<hr class="hr">
</el-col>
<el-col :span="8">
<div class="divider_text">Teaching and student</div>
</el-col>
<el-col :span="8">
<hr class="hr">
</el-col>
</el-row>
</el-col>
</el-row>
<!--教学工作内容-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16" class="phe">
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :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 v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :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 v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :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 v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :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 v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :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 v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :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 v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
<!--更多-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="more">
{{ $t('message.more') }}
</div>
<div class="more_img">
<img src="@/assets/index/sy_icon_zhdl.png" alt="">
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "teaching_student",
data(){
return{
width:document.documentElement.clientWidth
}
},
}
</script>
<style scoped lang="scss">
@import '../css/comment.css';
.teaching_student{
margin-top: 4rem;
}
.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%;
}
}
}
</style>