update

components/home/presence.vue

@@ -181,12 +181,12 @@ export default {
       padding-top: 24px;
       .my-swipe {
         height: 500px;
-        ::v-deep{
-          .app-link{
+        ::v-deep {
+          .app-link {
             width: 100%;
             height: 100%;
           }
-          a{
+          a {
             width: 100%;
             height: 100%;
           }
@@ -272,12 +272,12 @@ export default {
   .presence-content-box {
     .my-swipe {
       height: 1.58rem;
-      ::v-deep{
-        .app-link{
+      ::v-deep {
+        .app-link {
           width: 100%;
           height: 100%;
         }
-        a{
+        a {
           width: 100%;
           height: 100%;
         }
@@ -289,17 +289,16 @@ export default {
         object-fit: cover;
       }
     }
-    .enroll-box {
-      width: 1200px;
-      height: 540px;
-      margin: 80px auto 0;
-      background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home-apply-form-bg.png);
-      background-size: 100% 100%;
-      display: flex;
-      justify-content: space-between;
-      .left-content {
-        width: 592px;
-        height: 223px;
+    .form-box {
+      background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-presen-bg-new1.png) center;
+      background-size: cover;
+      padding-top: 0.18rem;
+      box-sizing: border-box;
+      margin-top: 0.27rem;
+      padding-bottom: 0.05rem;
+      .title-box {
+        width: 3.75rem;
+        height: 1.2rem;
         background: rgba(170, 25, 65, 0.63);
         box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.07);
         .bt {
@@ -347,4 +346,4 @@ export default {
     }
   }
 }
-</style>
+</style>
\ No newline at end of file

components/home/schoolRanking.vue

 <template>
-  <div class="ranking-content-box">
-    <div class="title">
-      <div class="line"></div>
-      <div class="name">学校排名</div>
-      <div class="line"></div>
+  <div>
+    <div class="ranking-content-box" v-if="!isMobile">
+      <div class="title">
+        <div class="line"></div>
+        <div class="name">学校排名</div>
+        <div class="line"></div>
+      </div>
+      <ul class="content-mian">
+        <li v-for="(item, index) in rankingList" :key="index">
+          <div class="img">
+            <img :src="item.url" />
+          </div>
+          <h5><span>No.</span>{{ item.rank }}</h5>
+          <p>{{ item.text }}</p>
+        </li>
+      </ul>
     </div>
-    <ul class="content-mian">
-      <li v-for="(item, index) in rankingList" :key="index">
-        <div class="img">
-          <img :src="item.url" />
-        </div>
-        <h5><span>No.</span>{{ item.rank }}</h5>
-        <p>{{ item.text }}</p>
-      </li>
-    </ul>
+    <img v-else src="https://webapp-pub.ezijing.com/project/seg-shms/h5-ranking.png" class="ranking-img" />
   </div>
+  <!-- https://webapp-pub.ezijing.com/project/seg-shms/h5-ranking.png -->
 </template>
 <script>
 export default {
@@ -39,10 +43,19 @@ export default {
         }
       ]
     }
+  },
+  computed: {
+    isMobile() {
+      return this.$store.state.isMobile
+    }
   }
 }
 </script>
 <style lang="scss" scoped>
+.ranking-img {
+  width: 100%;
+  display: block;
+}
 .ranking-content-box {
   margin-top: 57px;
   width: 100%;