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-05 16:53:22 +08:00
parent 3dbe7a833e
commit 2fb853551e
3 changed files with 56 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -90,28 +90,28 @@
</div>
<el-row>
<el-col :span="11">
<div class="academy_content">
<div class="academy_content" v-bind:style="{backgroundColor:bgColor}">
<div class="academy_content_icontime">
<div class="img" v-bind:style="{backgroundImage:'url('+bgc+')'}"></div>
<div class="img" v-bind:style="{backgroundImage:'url('+iconbgc+')'}"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
信息科学与技术学院开展英
</div>
<div class="academy_content_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
</div>
</div>
<div class="academy_content">
<div class="academy_content" v-bind:style="{backgroundColor:bgColor}">
<div class="academy_content_icontime">
<div class="img" v-bind:style="{backgroundImage:'url('+bgc+')'}"></div>
<div class="img" v-bind:style="{backgroundImage:'url('+iconbgc+')'}"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
信息科学与技术学院开展英
</div>
<div class="academy_content_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
</div>
</div>
</el-col>
@@ -119,22 +119,22 @@
<div class="grid-content"></div>
</el-col>
<el-col :span="11">
<div class="academy_content">
<div class="academy_content" v-bind:style="{backgroundColor:bgColor}">
<div class="academy_content_icontime">
<div class="img" v-bind:style="{backgroundImage:'url('+bgc+')'}"></div>
<div class="img" v-bind:style="{backgroundImage:'url('+iconbgc+')'}"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
信息科学与学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021
</div>
<div class="academy_content_text">
为加强学院学风建设，提学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，20212021年10月25日晚，息科学与…
为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
</div>
</div>
<div class="academy_content">
<div class="academy_content" v-bind:style="{backgroundColor:bgColor}">
<div class="academy_content_icontime">
<!-- <img :src="src" alt="">-->
<div class="img" v-bind:style="{backgroundImage:'url('+bgc+')'}"></div>
<div class="img" v-bind:style="{backgroundImage:'url('+iconbgc+')'}"></div>
<span>2022-10-08</span>
</div>
<div class="academy_content_title">
@@ -162,7 +162,8 @@ export default {
name: "academy_and_sciences",
data(){
return{
bgc:require('../../../assets/index/academy_and_sciences/shijian3.png')
bgColor:'rgba(10, 81, 174, 0.89)',
iconbgc:require('../../../assets/index/academy_and_sciences/shijian3.png')
}
}
};
@@ -193,7 +194,7 @@ export default {
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-top: 5rem;
margin-bottom: 5rem;
}
@@ -231,7 +232,7 @@ export default {
display: flex;
height: 2.3rem;
margin-top: 3.4rem;
margin-bottom: 2rem;
margin-bottom: 3rem;
cursor: pointer;
.more_text {
font-size: 1.6rem;
@@ -255,7 +256,7 @@ export default {
color: #0049AF;
}
padding: 2.5rem 2.3rem;
background: rgba(10, 81, 174, 0.89);
//background: ;
border-radius: 16px;
margin-bottom: 1.9rem;
color: #FFFFFF;

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

@@ -174,6 +174,22 @@ export default {
width: 80rem!important;
}
}
@media screen and (max-width: 960px) {
.news {
width: 80rem!important;
}
.headline{
width: 80rem!important;
}
}
@media screen and (max-width: 768px) {
.news {
width: 70rem!important;
}
.headline{
width: 70rem!important;
}
}
.news_center {
background-image: url("../../../assets/index/news_center/sy_bj3.png");
background-size: cover;
@@ -251,7 +267,7 @@ export default {
.news {
margin: 4rem auto 0 auto;
width: 115.4rem;
height: 60.4%;
//height: 60.4%;
background-color: #fff;
//margin-top: 4rem;
@@ -260,7 +276,7 @@ export default {
cursor: pointer;
//width: 28rem;
width: 100%;
height: 36.9rem;
//height: 36.9rem;
&:hover {
box-shadow: 0 0 0.7rem 0 rgba(18, 69, 155, 0.59);
@@ -287,8 +303,8 @@ export default {
//}
.news_context_text {
margin: 4rem 0 4rem 2rem;
padding-right: 2rem;
padding: 2rem 2rem 2rem 2rem;
//padding-right: 2rem;
//border-right: 1px solid #CCCCCC;
.news_context_text-title {
&:hover {

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

@@ -1,7 +1,7 @@
<template>
<div class="undergraduate_and_graduate">
<el-row type="flex" justify="center">
<el-col :xs="22" :sm="22" :md="20" :lg="16" :xl="14" >
<el-row type="flex" justify="center">
<el-col :xs="22" :sm="22" :md="20" :lg="16" :xl="14">
<el-row class="undergraduate_and_graduate_bgc">
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
<div class="undergraduate headline">
@@ -119,6 +119,18 @@ export default {
</script>
<style scoped lang="scss">
@media screen and (max-width: 768px) {
.undergraduate {
border-radius: 36px 36px 0 0 !important;
}
.graduate {
border-radius: 36px 36px 0 0 !important;
}
.more {
justify-content: center!important;
}
}
.undergraduate_and_graduate {
background-image: url("../../../assets/index/announcements/sy_bj3.png");
background-size: cover;
@@ -130,6 +142,7 @@ export default {
background-color: #fff;
//height: 33.8rem;
margin-top: 8.1rem;
margin-bottom: 5rem;
}
.headline {
@@ -152,11 +165,14 @@ export default {
letter-spacing: .1rem;
}
}
.vline {
border-right: 1px solid #CCCCCC;
}
.undergraduate {
border-radius: 36px 0 0 0;
&_content {
display: flex;
margin-bottom: 1.5rem;
@@ -200,6 +216,8 @@ export default {
margin-top: 3.1rem;
margin-left: 2.1rem;
cursor: pointer;
margin-bottom: 3rem;
.more_text {
font-size: 1.6rem;
font-weight: 500;