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

dengjie commit : 科学研究,学术交流,本科教育和研究生教育样式

Browse Source
This commit is contained in:
clay
2022-10-04 21:52:40 +08:00
parent 2126436e90
commit 71cdd3893d
17 changed files with 593 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

310
src/views/index/components/academy_and_sciences.vue
View File

@@ -1,15 +1,315 @@
<template>
<div>
科学 学术
</div>
<div class="academy_and_sciences">
<el-row>
<el-col :span="5">
<div class="grid-content"></div>
</el-col>
<el-col :span="14">
<el-row>
<el-col :span="12">
<div class="sciences_title">
科学研究
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
剑桥大学博士后李鹤博士后李鹤博士 士学术学学报： 异…
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
复旦大学蒋轶教授学术报告
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
剑桥大学博士后李鹤博士后李鹤博士 士学术学学报： 异…
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
复旦大学蒋轶教授学术报告
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="sciences_content">
<div class="sciences_content_time">
10-03
</div>
<div class="sciences_content_text">
徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
</div>
</div>
<div class="more">
<span class="more_text">更多</span>
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
</div>
</el-col>
<el-col :span="12">
<div class="academy_title">
学术交流
</div>
<el-row>
<el-col :span="11">
<div class="academy_content">
<div class="academy_content_icontime">
<div class="img"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
信息科学与技术学院开展英
</div>
<div class="academy_content_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
</div>
</div>
<div class="academy_content">
<div class="academy_content_icontime">
<div class="img"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
信息科学与技术学院开展英
</div>
<div class="academy_content_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
</div>
</div>
</el-col>
<el-col :span="2">
<div class="grid-content"></div>
</el-col>
<el-col :span="11">
<div class="academy_content">
<div class="academy_content_icontime">
<div class="img"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
信息科学与技术学院开展英
</div>
<div class="academy_content_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
</div>
</div>
<div class="academy_content">
<div class="academy_content_icontime">
<div class="img"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
信息科学与技术学院开展英
</div>
<div class="academy_content_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
</div>
</div>
</el-col>
</el-row>
<div class="more">
<span class="more_text">更多</span>
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "academy_and_sciences"
}
};
</script>
<style scoped>
<style scoped lang="scss">
/deep/ .el-col-2 {
width: 8%;
}
.academy_and_sciences {
background-image: url("../../../assets/index/academy_and_sciences/bj.png");
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 68.3rem;
.sciences_title, .academy_title {
display: flex;
width: 18rem;
height: 5.9rem;
line-height: 5.9rem;
border-radius: 1.3rem 0 0 1.3rem;
font-size: 3rem;
font-weight: 500;
letter-spacing: .1rem;
color: #FFFFFF;
text-align: left;
background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
padding-left: 1.9rem;
margin-top: 8.1rem;
margin-bottom: 5rem;
}
.sciences_content {
display: flex;
margin-bottom: 1.6rem;
&_time {
//width: 38px;
//height: 18px;
font-size: 1.3rem;
font-weight: 500;
color: #FFFFFF;
line-height: 2.3rem;
margin-right: 1.4rem;
}
&_text {
width: 81%;
//height: 23px;
font-size: 1.6rem;
font-weight: 500;
color: #FFFFFF;
line-height: 2.3rem;
}
}
.more {
width: 100%;
display: flex;
height: 2.3rem;
margin-top: 3.4rem;
.more_text {
font-size: 1.6rem;
font-weight: 500;
color: #FFFFFF;
letter-spacing: .2rem;
}
img {
width: 2.9rem;
height: 1.4rem;
margin-left: 0.8rem;
margin-top: .5rem;
}
}
.academy_content {
&:hover {
box-shadow: 0 8px 11px 0 rgba(0, 73, 174, 0.5);
background: #FFFFFF;
&_icontime{
.img {
background-image: url('../../../assets/index/academy_and_sciences/shijian2.png');
}
span {
color: #0049AF;
}
}
&_title{
color: #0049AF;
}
&_text {
color: #575757;
}
}
padding: 2.5rem 2.3rem;
background: rgba(10, 81, 174, 0.89);
border-radius: 16px;
margin-bottom: 1.9rem;
&_icontime {
display: flex;
margin-bottom: 1.1rem;
.img {
background-image: url('../../../assets/index/academy_and_sciences/shijian3.png');
background-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
margin-right: .9rem;
}
span {
//width: 79px;
//height: 18px;
font-size: 1.3rem;
font-weight: 500;
color: #FFFFFF;
line-height: 1.85rem;
}
}
&_title {
//width: 139px;
width: 100%;
//height: 38px;
font-size: 1.4rem;
font-weight: 500;
color: #FFFFFF;
line-height: 1.9rem;
letter-spacing: .1rem;
margin-bottom: .6rem;
}
&_text {
//width: 139px;
width: 100%;
//height: 41px;
font-size: 1rem;
font-weight: 500;
color: #FFFFFF;
line-height: 1.4rem;
letter-spacing: .1rem;
}
}
}
</style>

14
src/views/index/components/announcements.vue
View File

@@ -24,7 +24,10 @@
</el-col>
<el-col :span="14">
<el-row justify="space-between">
<el-col :span="7">
<el-col :span="1">
<div class="grid-content"></div>
</el-col>
<el-col :span="6">
<div class="announcements_text">
<div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div>
@@ -40,7 +43,7 @@
<el-col :span="1">
<div class="grid-content"></div>
</el-col>
<el-col :span="7">
<el-col :span="6">
<div class="announcements_text">
<div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div>
@@ -56,7 +59,7 @@
<el-col :span="1">
<div class="grid-content"></div>
</el-col>
<el-col :span="7">
<el-col :span="6">
<div class="announcements_text">
<div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div>
@@ -69,6 +72,9 @@
</div>
</div>
</el-col>
<el-col :span="1">
<div class="grid-content"></div>
</el-col>
</el-row>
</el-col>
</el-row>
@@ -96,7 +102,7 @@ export default {
<style scoped lang="scss">
/deep/ .el-col-1 {
width: 6.25%;
width: 6%;
}
.announcements {

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

@@ -185,10 +185,10 @@ export default {
.title {
display: flex;
width: 25.9rem;
width: 24rem;
height: 5.9rem;
line-height: 5.9rem;
border-radius: 2rem;
border-radius: 1.3rem 0 0 1.3rem;
font-size: 3rem;
font-weight: 500;
letter-spacing: .1rem;

211
src/views/index/components/undergraduate_and_graduate.vue
View File

@@ -1,13 +1,220 @@
<template>
<div class="undergraduate_and_graduate">
<el-row>
<el-col :span="5">
<div class="grid-content"></div>
</el-col>
<el-col :span="14">
<el-row class="undergraduate_and_graduate_bgc">
<el-col :span="12">
<div class="undergraduate headline">
<img src="../../../assets/index/undergraduate_and_graduate/benka.png" alt=""/>
<span>本科教育</span>
</div>
<div class="vline">
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="more">
<span class="more_text">更多</span>
<img src="../../../assets/index/news_center/gd_icon.png" alt="">
</div>
</div>
</el-col>
<el-col :span="12">
<div class="graduate headline">
<img src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png" alt=""/>
<span>研究生教育</span>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="more">
<span class="more_text">更多</span>
<img src="../../../assets/index/news_center/gd_icon.png" alt="">
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "undergraduate_and_graduate"
}
};
</script>
<style scoped>
<style scoped lang="scss">
.undergraduate_and_graduate {
background-image: url("../../../assets/index/announcements/sy_bj3.png");
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 54.2rem;
&_bgc {
background-color: #fff;
height: 33.8rem;
margin-top: 8.1rem;
}
.headline {
display: flex;
background: #004AAF;
height: 5.6rem;
margin-bottom: 3.1rem;
img {
margin: 1.2rem 1.5rem 1.2rem 4.4rem;
}
span {
//width: 129px;
//height: 44px;
font-size: 3.1rem;
font-weight: 500;
color: #FFFFFF;
line-height: 4.4rem;
letter-spacing: .1rem;
}
}
.vline {
border-right: 1px solid #CCCCCC;
}
.undergraduate {
border-radius: 36px 0 0 0;
&_content {
display: flex;
margin-bottom: 1.5rem;
&_time {
//width: 38px;
//height: 18px;
font-size: 1.3rem;
font-weight: 500;
color: #0D52B3;
line-height: 1.8rem;
margin-right: 1.5rem;
margin-left: 2.1rem;
}
&_text {
&:hover {
color: #0D52B3;
}
width: 81%;
//height: 23px;
font-size: 1.6rem;
font-weight: 500;
color: #000000;
line-height: 2.3rem;
}
}
}
.more {
width: 100%;
display: flex;
height: 2.3rem;
margin-top: 3.1rem;
margin-left: 2.1rem;
.more_text {
font-size: 1.6rem;
font-weight: 500;
color: #8B8B8B;
letter-spacing: .2rem;
}
img {
width: 2.9rem;
height: 1.4rem;
margin-left: 0.8rem;
margin-top: .5rem;
}
}
.graduate {
border-radius: 0 36px 0 0;
}
}
</style>