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 15:09:57 +08:00
parent 61ee406b5a
commit 51bc8a7d63
11 changed files with 269 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
src/assets/index/sy_bj3.png → src/assets/index/party_building_activities/sy_bj3.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 834 KiB

0
src/assets/index/sy_bj3@2x.png → src/assets/index/party_building_activities/sy_bj3@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

0
src/assets/index/sy_icon_zhdh.png → src/assets/index/party_building_activities/sy_icon_zhdh.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 313 B

After

Width:  |  Height:  |  Size: 313 B

0
src/assets/index/sy_icon_zhdh@2x.png → src/assets/index/party_building_activities/sy_icon_zhdh@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 603 B

After

Width:  |  Height:  |  Size: 603 B

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

@@ -1059,7 +1059,7 @@ export default {
}
.party_building_active {
background-image: url('../../assets/index/sy_bj3.png');
background-image: url('../../assets/index/party_building_activities/sy_bj3.png');
.phe {
font-family: PingFangSC-Medium, PingFang SC;

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

@@ -11,13 +11,13 @@
</div>
<el-row>
<el-col :span="9">
<el-divider></el-divider>
<hr class="hr">
</el-col>
<el-col :span="6">
<div class="divider_text">News Center</div>
</el-col>
<el-col :span="9">
<el-divider></el-divider>
<hr class="hr">
</el-col>
</el-row>
</el-col>

243
src/views/shouye/components/party_building_activities.vue
View File

@@ -1,13 +1,252 @@
<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/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>
<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/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>
<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/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>
<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/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>
<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/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"
name: "party_building_activities",
components: {
SlideshowCard
}
}
</script>
<style scoped>
<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>

10
src/views/shouye/components/scientific_research_trends.vue
View File

@@ -12,13 +12,13 @@
</div>
<el-row>
<el-col :span="8">
<el-divider></el-divider>
<hr class="hr">
</el-col>
<el-col :span="8">
<div class="divider_text">Scientific research trends</div>
</el-col>
<el-col :span="8">
<el-divider></el-divider>
<hr class="hr">
</el-col>
</el-row>
</el-col>
@@ -177,13 +177,13 @@
</div>
<el-row>
<el-col :span="9">
<el-divider></el-divider>
<hr class="hr">
</el-col>
<el-col :span="6">
<div class="divider_text">学术交流</div>
</el-col>
<el-col :span="9">
<el-divider></el-divider>
<hr class="hr">
</el-col>
</el-row>
</el-col>
@@ -277,7 +277,6 @@
</el-row>
</el-col>
</el-row>
<!--更多-->
<!--更多-->
<el-row>
@@ -308,6 +307,7 @@ export default {
.scientific_research_trends {
background-image: url("../../../assets/index/scientific_research_trends/sy_bj2.png");
padding-top: 4rem;
padding-bottom: 2rem;
}
.headline {

4
src/views/shouye/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 {

17
src/views/shouye/css/comment.css
View File

@@ -17,17 +17,19 @@
color: #FFFFFF;
text-align: center;
}
.divider div{
.divider div {
float: left;
}
.divider_text{
.divider_text {
font-size: 2rem;
color: #1956BC;
text-align: center;
line-height: 5rem;
}
.more{
.more {
width: 12.8rem;
height: 3.6rem;
background: #1956BC;
@@ -40,12 +42,19 @@
line-height: 3.6rem;
color: #FFFFFF;
}
.more_img {
text-align: center;
margin-top: 2rem;
font-size: 2rem;
}
.more_img img{
.more_img img {
font-size: small;
}
.hr {
border: 0.1rem solid #E6E6E6;
margin-top: 2.4rem;
}

5
src/views/shouye/index.vue
View File

@@ -18,6 +18,11 @@
<ResearchTrends/>
</el-col>
</el-row>
<el-row>
<el-col>
<PartyBuildingActivities/>
</el-col>
</el-row>
</div>
</template>