邓洁 commit : 修改本科教育和研究生教育的图标大小适配

Reviewed-on: http://git.hchyun.com/feashow/sist_web/pulls/22

src/views/header/index.vue

@@ -378,5 +378,14 @@ export default {
   }
 }
 
+@media screen and (max-width: 1200px) {
+  .banner {
+    margin: 0 !important;
+  }
+  .header{
+    width: 90rem;
+  }
+}
+
 
 </style>

src/views/index/components/academy_and_sciences.vue

@@ -90,7 +90,7 @@
             </div>
             <el-row>
               <el-col :span="11">
-                <div class="academy_content" @mouseleave="mouseLeave(1)">
+                <div class="academy_content" >
                   <div class="academy_content_icontime">
                     <div class="img"></div>
                     <span>2022-10-08</span>
@@ -175,6 +175,16 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@media screen and (max-width: 960px) {
+  .more {
+    justify-content: center!important;
+  }
+}
+@media screen and (max-width: 768px) {
+  .more {
+    justify-content: center!important;
+  }
+}
 /deep/ .el-col-2 {
   width: 8%;
 }

src/views/index/components/announcements.vue

@@ -81,7 +81,6 @@ export default {
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
-  height: 54.2rem;
 
   .headline {
     width: 100%;
@@ -190,6 +189,7 @@ export default {
     justify-content: center;
     height: 2.3rem;
     margin-top: 2.6rem;
+    padding-bottom: 2.6rem;
     cursor: pointer;
 
     .more_text {

src/views/index/components/party_building_activities.vue

@@ -86,7 +86,7 @@ export default {
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
-  height: 55.6rem;
+  //height: 55.6rem;
 
   .headline {
     width: 100%;
@@ -120,7 +120,8 @@ export default {
     display: flex;
     justify-content: center;
     height: 2.3rem;
-    margin-top: 5.1rem;
+    margin-top: 2rem;
+    padding-bottom: 2rem;
     cursor: pointer;
 
     .more_text {

src/views/index/components/slideshow_card.vue

@@ -257,7 +257,7 @@ export default {
 
 @media screen and (min-width: 1100px) and (max-width: 1400px) {
   .banner-card {
-    height: 34rem;
+    height: 32rem;
 
     li {
       width: 28rem !important;

src/views/index/components/undergraduate_and_graduate.vue

@@ -119,6 +119,20 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@media screen and (max-width: 960px) {
+  .undergraduate {
+    border-radius: 36px 36px 0 0 !important;
+  }
+  .graduate {
+    border-radius: 36px 36px 0 0 !important;
+  }
+  .more {
+    justify-content: center!important;
+  }
+  .vline {
+    border-right: none!important;
+  }
+}
 @media screen and (max-width: 768px) {
   .undergraduate {
     border-radius: 36px 36px 0 0 !important;
@@ -129,6 +143,10 @@ export default {
   .more {
     justify-content: center!important;
   }
+
+  .vline {
+    border-right: none!important;
+  }
 }
 
 .undergraduate_and_graduate {