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
2021-12-29 15:59:18 +08:00
parent b85d353e84
commit 3f23c616ea
10 changed files with 985 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -288,27 +288,21 @@
<el-row>
<el-col :offset="3" :span="18">
<!--标题-->
<div class="title" style="background: #DA2D2D; color: #FFFFFF;margin-bottom: 2rem;">科学研究</div>
<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;">Scientific research trends</div>
<div class="name" style="color: #DA2D2D;">Party Building Activities</div>
<div class="divider_right">
<img src="@/assets/index/tttr.png" alt="">
</div>
</div>
<div>
<el-carousel :interval="4000" type="card">
<el-carousel-item v-for="item in 6" :key="item">
<div>
<img src="@/assets/index/t1@2x.png" alt="">
<div class="bottom_title">
</div>
</div>
</el-carousel-item>
</el-carousel>
<SlideshowCard/>
</div>
<!--更多-->
<div class="more_title" style="background: #DA2D2D; color: #FFFFFF">{{ $t('message.more') }}</div>
@@ -317,7 +311,7 @@
</div>
<div class="divider" style="width: 64rem;">
<div class="divider" style="width: 64rem; margin-top: 2rem;">
<div class="divider_left">
<img src="@/assets/index/tttl.png" alt="">
</div>
@@ -327,13 +321,106 @@
</div>
</div>
<div class="phe">
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="4">
<div class="phe_img">
<img src="@/assets/index/1.png" alt="">
</div>
</el-col>
<el-col :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 :span="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-col>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="4">
<div class="phe_img">
<img src="@/assets/index/1.png" alt="">
</div>
</el-col>
<el-col :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 :span="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-col>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="4">
<div class="phe_img">
<img src="@/assets/index/1.png" alt="">
</div>
</el-col>
<el-col :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 :span="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<el-divider></el-divider>
</el-col>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<el-row>
<el-col :span="4">
<div class="phe_img">
<img src="@/assets/index/1.png" alt="">
</div>
</el-col>
<el-col :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 :span="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
<div class="teaching_and_student">
<el-col>
<el-row :offset="3" :span="18">
<el-row>
<el-col :offset="3" :span="18">
<!--教学工作-->
<div class="title">教学工作</div>
<div class="divider" style="width: 76rem;">
@@ -345,6 +432,167 @@
<img src="@/assets/index/sy_icon_gd1.png" alt="">
</div>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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-col>
</el-row>
</div>
<!--更多-->
@@ -352,14 +600,68 @@
<div class="more_img">
<img src="@/assets/index/sy_icon_zhdl.png" alt="">
</div>
</el-row>
</el-col>
</el-col>
</el-row>
</div>
<div class="bottom">
<el-col>
<el-row :offset="3" :span="18">
</el-row>
</el-col>
<el-row>
<el-col :offset="5" :span="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 width="45rem">
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
</table>
</div>
</el-col>
</el-row>
</div>
@@ -369,8 +671,13 @@
</template>
<script>
import SlideshowCard from './components/slideshow_card'
export default {
name: "index",
components: {
SlideshowCard
}
}
</script>
@@ -564,15 +871,124 @@ export default {
.party_building_active {
background-image: url('../../assets/index/sy_bj3.png');
.phe {
font-family: PingFangSC-Medium, PingFang SC;
margin-top: 4rem;
margin-bottom: 4rem;
.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;
}
}
}
.teaching_and_student {
height: 101.2rem;
.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;
}
}
}
.bottom {
margin-top: 2rem;
background-image: url('../../assets/index/sy_bj4.png');
height: 66rem;
.table{
margin: 4rem 0 0 0 ;
td{
margin: 0;
padding: 0;
}
.left {
width: 55rem;
height: 55rem;
.table_img{
text-align: right;
padding-top: 6rem;
}
}
.right {
width: 55rem;
height: 6.5rem;
background-color: blue;
}
}
}
}