新增骨架屏功能

subpkg/personnelDetails/personnelDetails.vue

@@ -1,6 +1,7 @@
 <template>
   <view class="page">
     <view class="basic">
+      <u-skeleton :loading="skeleton" :animate="true" title rows="1" rows-width="100%" rowsHeight="56"></u-skeleton>
       <view class="title">人员基本信息</view>
       <view class="card">
         <view class="basic_top">
@@ -25,6 +26,7 @@
       </view>
     </view>
     <view class="certification">
+      <u-skeleton :loading="skeleton" :animate="true" title rows="3" rows-width="100%" rowsHeight="56"></u-skeleton>
       <view class="title">资质信息</view>
       <view class="c_item">
         <uni-section style="background-color: transparent;" title="身份证" titleFontSize="32rpx" type="line"></uni-section>
@@ -56,6 +58,7 @@
       </view>
     </view>
     <view class="contract">
+      <u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
       <view class="title">电子合同</view>
       <view class="card">
         <uni-section style="background-color: transparent;" :title="userInfo.name" titleFontSize="32rpx" type="line"></uni-section>
@@ -100,6 +103,7 @@ export default {
   data() {
     return {
       id:'',
+      skeleton: true,
       userInfo: {
         qualification:{},
         contract:{},
@@ -126,6 +130,7 @@ export default {
         id: this.id
       }).then(res=>{
         this.userInfo = res.data;
+        this.skeleton = false;
       })
     },
     previewImg(urls, index=0){