党群工作

src/views/index/index.vue

@@ -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;

src/views/shouye/components/news_center.vue

@@ -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>

src/views/shouye/components/party_building_activities.vue

@@ -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>

src/views/shouye/components/scientific_research_trends.vue

@@ -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 {

src/views/shouye/components/slideshow_card.vue

@@ -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 {

src/views/shouye/css/comment.css

@@ -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;
+}
+

src/views/shouye/index.vue

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