优化

Pages/yishi/cash/index.js

@@ -16,7 +16,8 @@ Page({
     bank_card_code_mask: "888 xxxx xxxx 888",
     withdrawal_amount: "xxxx",
     income_tax: "xx",
-    contactKeFu: false
+    contactKeFu: false,
+    skeleton_loading: true
   },
   onLoad(options){
     //获取提现数据
@@ -30,6 +31,7 @@ Page({
           bank_card_code_mask: response.data.bank_card_code_mask,
           withdrawal_amount: response.data.withdrawal_amount,
           income_tax: response.data.income_tax,
+          skeleton_loading: false
         })
       }
     }).catch(errors => {

Pages/yishi/cash/index.json

@@ -5,6 +5,7 @@
     "van-image": "@vant/weapp/image/index",
     "van-icon": "@vant/weapp/icon/index",
     "van-button": "@vant/weapp/button/index",
-    "van-dialog": "@vant/weapp/dialog/index"
+    "van-dialog": "@vant/weapp/dialog/index",
+    "t-skeleton": "tdesign-miniprogram/skeleton/skeleton"
   }
 }

Pages/yishi/cash/index.wxml

@@ -5,7 +5,7 @@
     <view class="txt_title">结算银行卡</view>
     <view class="rule">提现规则<van-icon name="warning-o" color="#FF9800" /></view>
   </view>
-  <view class="bankcard">
+  <view class="bankcard" wx:if="{{!skeleton_loading}}">
     <view class="bankcard_icon">
       <van-image custom-style="" src="{{bank_icon_path}}" fit="heightFix" height="50rpx" aria-label="role" />
     </view>
@@ -14,8 +14,11 @@
       <view class="bankcard_info_bottom">{{bank_card_code_mask}}</view>
     </view>
   </view>
+  <view class="bankcard_loading" wx:if="{{skeleton_loading}}">
+    <t-skeleton theme="text" row-col="{{[{width: '30%'},{width: '80%'}]}}" animation="gradient" loading="{{skeleton_loading}}" />
+  </view>
 
-  <view class="cash">
+  <view class="cash" wx:if="{{!skeleton_loading}}">
     <view class="cash_top">
       <view class="cash_left">
         <view class="cash_left_title">提现金额（元）</view>
@@ -24,7 +27,9 @@
             <text style="font-size: 42rpx;">￥</text>{{withdrawal_amount}}
           </view>
         </view>
-        <view class="shui">扣除个人所得税： <text style="color: red;">{{income_tax}}元</text> </view>
+        <view class="shui">扣除个人所得税： 
+          <text style="color: red;">{{income_tax}}元</text>
+        </view>
       </view>
       <view class="cash_right">
         <navigator url="/Pages/yishi/wenzhenorder/index" open-type="navigate" hover-class="other-navigator-hover">
@@ -40,6 +45,9 @@
       </navigator>
     </view>
   </view>
+  <view class="cash_loading" wx:if="{{skeleton_loading}}">
+    <t-skeleton theme="text" row-col="{{[{width: '30%'},{width: '80%'},{width: '50%'},{width: '30%'}]}}" animation="gradient" loading="{{skeleton_loading}}" />
+  </view>
 
   <!-- <view class="note">
     <text>

Pages/yishi/cash/index.wxss

@@ -18,6 +18,13 @@ page{
   font-size: 30rpx;
   color: #333333;
 }
+.bankcard_loading{
+  width: calc(92vw - 40rpx);
+  margin: 0 auto;
+  background-color: #fff;
+  border-radius: 20rpx;
+  padding: 20rpx 20rpx;
+}
 .bankcard{
   width: 92vw;
   margin: 0 auto;
@@ -48,6 +55,15 @@ page{
   color: #333333;
   margin-top: 10rpx;
 }
+.cash_loading{
+  padding: 20rpx 20rpx;
+  width: calc(92vw - 40rpx);
+  margin: 20rpx auto;
+  background-color: #fff;
+  border-radius: 20rpx;
+  display: flex;
+  flex-direction: column;
+}
 .cash{
   width: 92vw;
   height: 300rpx;