chore:常见问题内容修改;重构报名流程页面;

pages/dataDownload/dataDownload.vue

@@ -38,7 +38,7 @@ export default {
         },
         {
           name: '常见问题',
-          url: 'https://webapp-pub.ezijing.com/project/marywood/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.pdf?v=3',
+          url: 'https://webapp-pub.ezijing.com/project/marywood-plus/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.pdf',
           icon: 'https://webapp-pub.ezijing.com/project/marywood/pdf.png'
         }
         // {

pages/enroll/process.vue

 <template>
   <app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
     <img src="https://webapp-pub.ezijing.com/project/marywood-plus/enroll-process-banner.png" />
-    <div v-if="!isMobile" style="position: relative;">
-      <img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-class-schedule.png?v=1" class="img_bottom" />
-      <a href="https://marywood-plus.ezijing.com/my/account" class="click-tag"></a>
-    </div>
-    <div v-else style="position: relative;">
-      <img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5/apply-process.png" class="img_bottom" />
-      <a href="https://marywood-plus.ezijing.com/my/account" class="click-tag1"></a>
-      <a href="https://marywood-plus.ezijing.com/my/account" class="click-tag2"></a>
+    <div class="apply">
+      <div class="apply-line"></div>
+      <div class="apply-item">
+        <div class="apply-item-num">1</div>
+        <div class="apply-item-hd">在线申请</div>
+        <div class="apply-item-bd">
+          <p>
+            在线填写申请，网址为<a href="https://marywood-plus.ezijing.com/my/account"
+              >https://marywood-plus.ezijing.com/my/account</a
+            >(申请费700元，申请费不子退还）。在线填写完成提交后，将如下资料邮寄至：北京市海淀区中关村东路1号院清华科技园威盛大厦5层留学中心
+            滑老师 18515115895（收）
+          </p>
+          <ul>
+            <li>1、身份证复印件一份</li>
+            <li>2、本科学历学位复印件1份（在读本科生出具在读证明即可）</li>
+            <li>3、本科标准成绩单（在读本科生出具截止目前的成绩单即可）</li>
+            <li>4、2寸免冠彩色照片2张</li>
+            <li>5、各种语言考试成绩单（托福、雅思等，非必需）</li>
+          </ul>
+        </div>
+      </div>
+      <div class="apply-item">
+        <div class="apply-item-num">2</div>
+        <div class="apply-item-hd">材料审核</div>
+        <div class="apply-item-bd">
+          <p>项目招生办的老师审核学生提交的材料，根据审核结果反馈给申请人</p>
+        </div>
+      </div>
+      <div class="apply-item">
+        <div class="apply-item-num">3</div>
+        <div class="apply-item-hd">面试</div>
+        <div class="apply-item-bd">
+          <p>对符合条件的申请人进行面试，面试合格预录取</p>
+        </div>
+      </div>
+      <div class="apply-item">
+        <div class="apply-item-num">4</div>
+        <div class="apply-item-hd">条件录取通知书</div>
+      </div>
+      <div class="apply-item">
+        <div class="apply-item-num">5</div>
+        <div class="apply-item-hd">注册入学</div>
+      </div>
     </div>
   </app-frame>
 </template>
@@ -37,19 +72,58 @@ export default {
 </script>
 <style lang="scss" scoped>
 .is-pc {
-  .img_bottom {
-    padding-left: 101px;
-    padding-right: 49px;
-    margin-top: 65px;
-    padding-bottom: 109px;
+  .apply {
+    position: relative;
+    margin: 65px 100px;
   }
-  .click-tag{
-    width: 360px;
-    height: 20px;
-    opacity: 0.3;
+  .apply-line {
     position: absolute;
-    top: 150px;
-    left: 360px;
+    left: 23px;
+    top: 0;
+    bottom: 0;
+    width: 1px;
+    height: 100%;
+    background-color: #aa1941;
+  }
+  .apply-item {
+    position: relative;
+    padding-left: 96px;
+    margin-top: 40px;
+  }
+  .apply-item-hd {
+    padding: 16px 0;
+    font-size: 22px;
+    font-weight: 500;
+    color: #aa1941;
+    border-bottom: 1px dashed #b9b9b9;
+  }
+  .apply-item-num {
+    position: absolute;
+    left: 0;
+    width: 47px;
+    height: 64px;
+    background: url(https://webapp-pub.ezijing.com/project/marywood-plus/aplly_num_bg.png) no-repeat;
+    background-size: contain;
+    font-size: 30px;
+    font-weight: 500;
+    line-height: 50px;
+    color: #ffffff;
+    text-align: center;
+  }
+  .apply-item-bd {
+    padding-top: 20px;
+    font-size: 16px;
+    color: #424242;
+    line-height: 30px;
+    a {
+      color: #aa1941;
+    }
+    ul {
+      margin-top: 10px;
+    }
+    li {
+      color: #666666;
+    }
   }
 }
 .is-h5 {
@@ -57,24 +131,61 @@ export default {
     width: 100%;
     height: 100%;
   }
-  .img_bottom {
-    padding: 0.4rem 0.14rem 1rem 0.25rem;
+  .apply {
+    position: relative;
+    margin: 20px 15px 40px;
   }
-  .click-tag1{
-    width: 1rem;
-    height: 0.15rem;
-    opacity: 0.3;
+  .apply-line {
     position: absolute;
-    top: 0.8rem;
-    left: 1.86rem;
+    left: 11px;
+    top: 0;
+    bottom: 0;
+    width: 1px;
+    height: 100%;
+    background-color: #aa1941;
+  }
+  .apply-item {
+    position: relative;
+    padding-left: 48px;
+    margin-top: 30px;
   }
-  .click-tag2{
-    width: 1.6rem;
-    height: 0.15rem;
-    opacity: 0.3;
+  .apply-item-hd {
+    padding: 4px 0;
+    font-size: 14px;
+    font-weight: 500;
+    color: #aa1941;
+    border-bottom: 1px dashed #b9b9b9;
+  }
+  .apply-item-num {
     position: absolute;
-    top: 1rem;
-    left: 0.7rem;
+    left: 0;
+    width: 23px;
+    height: 32px;
+    background: url(https://webapp-pub.ezijing.com/project/marywood-plus/aplly_num_bg.png) no-repeat;
+    background-size: contain;
+    font-size: 15px;
+    font-weight: 500;
+    line-height: 25px;
+    color: #ffffff;
+    text-align: center;
+  }
+  .apply-item-bd {
+    padding-top: 10px;
+    font-size: 12px;
+    color: #424242;
+    line-height: 24px;
+    a {
+      color: #aa1941;
+    }
+    ul {
+      margin-top: 10px;
+    }
+    li {
+      color: #666666;
+    }
+  }
+  ::v-deep .main-content-html {
+    overflow: hidden;
   }
 }
 </style>