首页完成
This commit is contained in:
clay
@@ -1,13 +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"
|
||||
name: "teaching_student",
|
||||
data(){
|
||||
return{
|
||||
width:document.documentElement.clientWidth
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user