申请页资料填写换图

htmldev/loan/src/views/loan/apply/components/flow.vue

@@ -1,44 +1,11 @@
 <template>
   <div class="flow">
     <div class="title">
-      <img src="" alt="">
-      <p>5步快速申请</p>
-      <img src="" alt="">
+      <img src="../image/title@2x.png" alt="">
+    </div>
+    <div class="description">
+      <img src="../image/flow@2x.png" alt="">
     </div>
-    <ul>
-      <li>
-        <img class="icon" src="../image/flow_0@2x.png" alt="">
-        <p>提交申请</p>
-      </li>
-      <li>
-        <img class="arrow" src="" alt="">
-      </li>
-      <li>
-        <img class="icon" src="../image/flow_1@2x.png" alt="">
-        <p>提交资料</p>
-      </li>
-      <li>
-        <img class="arrow" src="" alt="">
-      </li>
-      <li>
-        <img class="icon" src="../image/flow_2@2x.png" alt="">
-        <p>预约办理</p>
-      </li>
-      <li>
-        <img class="arrow" src="" alt="">
-      </li>
-      <li>
-        <img class="icon" src="../image/flow_3@2x.png" alt="">
-        <p>现场办理</p>
-      </li>
-      <li>
-        <img class="arrow" src="" alt="">
-      </li>
-      <li>
-        <img class="icon" src="../image/flow_4@2x.png" alt="">
-        <p>放款成功</p>
-      </li>
-    </ul>
   </div>
 </template>
 
@@ -66,56 +33,20 @@
   }
 
   .title {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    p {
-      margin: 0 5px;
-      line-height: 22px;
-      font-size: 16px;
-      font-weight: 500;
-      color: #333;
-    }
-
     img {
-      width: 23px;
-      height: 2px;
-      background: pink;
+      display: block;
+      width: 153px;
+      height: 22px;
     }
   }
 
-  ul {
-    display: flex;
-    justify-content: space-between;
-    width: 310px;
+  .description {
     margin-top: 14px;
 
-    li {
-      &:nth-of-type(2n+2) {
-        display: flex;
-        padding-top: 14px;
-      }
-    }
-
-    .icon {
+    img {
       display: block;
-      width: 32px;
-      height: 32px;
-      margin: 0 auto;
-    }
-
-    .arrow {
-      width: 10px;
-      height: 4px;
-      background: pink;
-    }
-
-    p {
-      margin-top: 10px;
-      line-height: 17px;
-      font-size: 12px;
-      color: #333;
+      width: 311px;
+      height: 59px;
     }
   }
 </style>

htmldev/loan/src/views/loan/apply/index.vue

@@ -102,7 +102,7 @@
   import { createOrder } from './api'
   import { getChinaArea, sendSMS, getProductDetail } from '../../../api/common'
 
-  const STRCAPTURE = process.env.API_DOMAIN + '/captcha'
+  const STRCAPTURE = process.env.API_DOMAIN + '/api/captcha'
   export default {
     name: 'apply',
     components: {
@@ -252,7 +252,9 @@
         }
         this.funCutDown()
         sendSMS(orderUserPhone, 0, capture).then(res => {
-          Toast(res.msg)
+          if (res.status) {
+            Toast('发送成功')
+          }
         }).catch(err => {
           Toast(err.msg)
           this.funUpdateCapture()