静态页面

src/pages/WoDe/TiXian/index.vue

@@ -23,6 +23,9 @@
           </div>
         </div>
       </div>
+      <div class="LoadingLayer" v-if="ShowLoading">
+        <span class="centerLabel">申请中...</span>
+      </div>
     </MainPageContainer>
   </div>
 </template>
@@ -36,6 +39,7 @@ export default {
   name: '',
   data () {
     return {
+      ShowLoading: false,
       ShowPasswordPopup: false,
       Amount: '',
       Password: '',
@@ -89,13 +93,17 @@ export default {
       }
       if (this.DataLock) return
       this.DataLock = true
+      this.ShowPasswordPopup = false
+      this.ShowLoading = true
       this.CashOut({ data: { amount: this.Amount * 100, cashPass: md5(this.Password) } }).then((res) => {
+        this.ShowLoading = false
         this.Toast('提现成功')
         this.GetCurrentUserInfo().then(() => {
           this.$router.push({ name: 'UserCenter' })
         })
         this.DataLock = false
       }).catch((res) => {
+        this.ShowLoading = false
         this.Toast(res.data.message)
         this.DataLock = false
       })

src/pages/WoDe/TiXian/page.scss

@@ -85,4 +85,18 @@
       }
     }
   }
+  .LoadingLayer {
+    width: 100%;
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 100;
+    background: rgba(0, 0, 0, 0.6);
+    > span {
+      font-size: 0.14rem;
+      color: #fff;
+      text-align: center;
+    }
+  }
 }