项目优化

components/home/banners.vue

 <template>
   <div :class="isMobile ? 'is-h5' : 'is-pc'">
     <div class="banner-content">
-      <img class="img" src="https://webapp-pub.ezijing.com/project/marywood/202201301015.jpg" />
+      <img class="img" src="https://webapp-pub.ezijing.com/project/marywood/banner.png" />
       <div class="banner_navList">
         <div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
           <div class="nav_top">

components/home/projectFeatures.vue

@@ -20,19 +20,29 @@
                 </div>
               </div>
             </div>
-            <div class="prev-button"></div>
-            <div class="next-button"></div>
+            <div class="prev-button" v-if="!isMobile"></div>
+            <div class="next-button" v-if="!isMobile"></div>
           </div>
         </div>
       </card>
       <div v-else>
-        <ul class="nav-content">
-          <li v-for="(item, index) in data" :key="index">
-            <img :src="item.icon" class="icon" />
-            <img v-if="!isMobile" :src="item.iconActive" class="icon-active" />
-            <div class="text" v-html="item.text"></div>
-          </li>
-        </ul>
+        <div class="tit" v-if="isMobile">合作院校</div>
+
+        <div class="swiperOptions" @mouseenter="swiperStop" @mouseleave="swiperStart">
+          <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
+            <div class="swiper-wrapper">
+              <div class="swiper-slide" v-for="(item, index) in listData" :key="index">
+                <img :src="item.web_img_uri" />
+                <div class="item_desc">
+                  <div class="item_desc_tit">{{ item.item_desc_tit }}</div>
+                  <div class="item_desc_con">{{ item.item_desc_con }}</div>
+                </div>
+              </div>
+            </div>
+            <div class="prev-button" v-if="!isMobile"></div>
+            <div class="next-button" v-if="!isMobile"></div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -282,6 +292,57 @@ export default {
   }
 }
 .is-h5 {
+  .tit {
+    font-size: 0.14rem;
+    font-weight: bold;
+    line-height: 0.28rem;
+    color: #424242;
+  }
+  .swiperOptions {
+    position: relative;
+    margin-top: 0.08rem;
+    .swiper-wrapper {
+      width: 100%;
+      display: flex;
+      .swiper-slide {
+        width: 1.93rem;
+        height: 4rem;
+        img {
+          width: 1.93rem;
+        }
+        .item_desc {
+          width: 1.93rem;
+          height: 2.73rem;
+          background-color: #ededed;
+          opacity: 1;
+          display: flex;
+          justify-content: flex-start;
+          align-items: flex-start;
+          flex-direction: column;
+          padding: 0.17rem 0.18rem 0 0.17rem;
+          .item_desc_tit {
+            font-size: 0.1rem;
+            font-weight: 400;
+            color: #333333;
+            margin-top: 0.17rem;
+          }
+          .item_desc_con {
+            font-size: 0.08rem;
+            font-weight: 300;
+            color: #666666;
+            margin-top: 0.17rem;
+            line-height: 0.16rem;
+          }
+        }
+        .item_desc:hover {
+          background-color: #fff;
+          .item_desc_tit {
+            border-bottom: 1px solid #434343;
+          }
+        }
+      }
+    }
+  }
   .service-content {
     padding-left: 0.32rem;
     padding-right: 0.32rem;

components/home/schoolSenery.vue

@@ -79,7 +79,7 @@ export default {
 .is-h5 {
   .main-content {
     position: relative;
-    padding: 0.35rem 0.3rem 0 0.3rem;
+    padding: 0 0.3rem 0 0.3rem;
     .tit {
       font-size: 0.14rem;
       font-weight: bold;

pages/academic/academic.vue

@@ -3,7 +3,7 @@
     <img src="https://webapp-pub.ezijing.com/project/marywood/academic1.png" width="100%" />
     <div class="main_content">
       <!-- <el-image :src="url1"> </el-image> -->
-      <el-image :src="url1" style="width:100%;height:100%;margin-right:73px;"> </el-image>
+      <el-image :src="url1" class="img1"> </el-image>
       <div class="img_english">
         <el-image :src="url2"></el-image>
         <div class="item_english_name">玛丽伍德大学（英文）</div>
@@ -46,6 +46,11 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
+    .img1 {
+      width: 100%;
+      height: 100%;
+      margin-right: 73px;
+    }
     .img_english {
       display: flex;
       justify-content: center;
@@ -62,10 +67,26 @@ export default {
 }
 .is-h5 {
   .main_content {
-    padding: 0.44rem 1.11rem 0.25rem 0.89rem;
     display: flex;
     justify-content: center;
     align-items: center;
+    flex-direction: column;
+    .img1 {
+      padding: 0.44rem 1.11rem 0.25rem 1.11rem;
+    }
+    .img_english {
+      padding: 0.5rem 0.61rem 0.47rem 0.61rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+      .item_english_name {
+        font-weight: 400;
+        color: #424242;
+        font-size: 0.08rem;
+        margin-top: 0.1rem;
+      }
+    }
   }
 }
 </style>

pages/enroll/apply.vue

@@ -297,6 +297,27 @@ export default {
     height: 100%;
   }
   .content-mian {
+    ul {
+      padding: 0.28rem 0.325rem 0.34rem 0.28rem;
+      .applyList_con {
+        .apply_name {
+          font-size: 0.1rem;
+          font-weight: 500;
+          color: #333333;
+          margin-top: 0.25rem;
+        }
+        .apply_desc {
+          font-size: 0.08rem;
+          font-weight: 400;
+          color: #666666;
+          margin-top: 0.1rem;
+        }
+      }
+      li {
+        list-style-type: disc;
+        color: #aa1941;
+      }
+    }
     .content-mod1 {
       padding: 0.34rem 0.32rem 0.4rem 0.34rem;