update

src/components/courseSystem.vue

@@ -116,6 +116,7 @@ export default {
     transform: translate(-50%, -50%);
   }
 }
+
 .course {
   height: 722px;
   background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
@@ -176,4 +177,15 @@ export default {
     }
   }
 }
+@media all and (orientation: portrait) {
+  .course {
+    .card-list {
+      .item {
+        h2 {
+          font-size: 24px;
+        }
+      }
+    }
+  }
+}
 </style>

src/components/managementTeacherInfo.vue

@@ -188,7 +188,7 @@ export default {
       swiperOptions: {
         observer: true,
         autoHeight: true,
-        slidesPerView: 3,
+        slidesPerView: this.isMobile() ? 2 : 3,
         // paginationClickable: true,
         spaceBetween: 0,
         freeMode: true,
@@ -209,6 +209,12 @@ export default {
     },
     mouseLeave() {
       this.swiper.autoplay.start()
+    },
+    isMobile() {
+      const flag = navigator.userAgent.match(
+        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+      )
+      return flag
     }
   }
 }

src/components/teacherInfo.vue

@@ -166,7 +166,7 @@ export default {
       swiperOptions: {
         observer: true,
         autoHeight: true,
-        slidesPerView: 3,
+        slidesPerView: this.isMobile() ? 2 : 3,
         // paginationClickable: true,
         spaceBetween: 0,
         freeMode: true,
@@ -187,6 +187,12 @@ export default {
     },
     mouseLeave() {
       this.swiper.autoplay.start()
+    },
+    isMobile() {
+      const flag = navigator.userAgent.match(
+        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+      )
+      return flag
     }
   }
 }

src/pages/leadership/index.vue

@@ -38,7 +38,12 @@
     </section>
     <section class="activity-list">
       <h1>丰富多彩的学生活动</h1>
-      <div class="list">
+      <img
+        width="100%"
+        src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/WechatIMG192.png"
+        v-if="isMobile()"
+      />
+      <div class="list" v-else>
         <div class="nav">
           <div class="li">开学典礼</div>
           <div class="li">论坛</div>
@@ -197,6 +202,14 @@ export default {
         }
       ]
     }
+  },
+  methods: {
+    isMobile() {
+      const flag = navigator.userAgent.match(
+        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+      )
+      return flag
+    }
   }
 }
 </script>
@@ -413,6 +426,13 @@ export default {
     white-space: nowrap;
   }
 }
+@media all and (orientation: portrait) {
+  .banner-text {
+    h1 {
+      font-size: 40px;
+    }
+  }
+}
 .introduce {
   height: 624px;
   background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/introduce_bg.png?v1);
@@ -443,9 +463,11 @@ export default {
   }
 }
 .activity-list {
-  height: 789px;
+  max-height: 789px;
   background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
   background-size: cover;
+  position: relative;
+  padding-bottom: 30px;
   h1 {
     font-size: 40px;
     font-weight: bold;
@@ -458,10 +480,11 @@ export default {
   }
   .list {
     position: relative;
-    width: 1350px;
+    max-width: 1350px;
     display: flex;
     padding-top: 80px;
     margin: 0 auto;
+    // transform: scale(.7);
     .nav {
       position: absolute;
       top: 340px;

src/pages/management/index.vue

@@ -465,6 +465,13 @@ export default {
     white-space: nowrap;
   }
 }
+@media all and (orientation: portrait) {
+  .banner-text {
+    h1 {
+      font-size: 40px;
+    }
+  }
+}
 .introduce {
   height: 624px;
   background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/introduce_bg.png?v1);