新增骨架屏功能

This commit is contained in:
weipengfei 2023-07-22 16:18:52 +08:00
parent 05fc92f783
commit 786924c648

View File

@ -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){