dengjie commit : 修改科学研究,学术交流,本科教育和研究生教育的响应式

src/views/index/components/undergraduate_and_graduate.vue

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