新增骨架屏

This commit is contained in:
weipengfei 2023-07-22 16:10:49 +08:00
parent 060802eb07
commit 05fc92f783

View File

@ -1,6 +1,7 @@
<template> <template>
<view> <view>
<view class="item"> <view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="1" rows-width="100%" rowsHeight="56"></u-skeleton>
<view class="title">公司基本信息</view> <view class="title">公司基本信息</view>
<view class="card"> <view class="card">
<view class="top"> <view class="top">
@ -17,6 +18,7 @@
</view> </view>
</view> </view>
<view class="item"> <view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
<view class="title"> <view class="title">
<text>联系人管理</text> <text>联系人管理</text>
<!-- <view>新增</view> --> <!-- <view>新增</view> -->
@ -44,6 +46,7 @@
</view> </view>
</view> </view>
<view class="item"> <view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
<view class="title">资质信息</view> <view class="title">资质信息</view>
<view class="image_box"> <view class="image_box">
<image class="top" @click="priview(company.qualification.bank_account)" :src="company.qualification.bank_account"></image> <image class="top" @click="priview(company.qualification.bank_account)" :src="company.qualification.bank_account"></image>
@ -51,6 +54,7 @@
</view> </view>
</view> </view>
<view class="item"> <view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
<view class="title">电子合同</view> <view class="title">电子合同</view>
<view class="card"> <view class="card">
<view class="one"> <view class="one">
@ -92,6 +96,7 @@
name:"company", name:"company",
data() { data() {
return { return {
skeleton: true,
company: { company: {
qualification: { qualification: {
bank_account:"", bank_account:"",
@ -128,6 +133,7 @@
this.company = res.data.company; this.company = res.data.company;
this.user = res.data.user; this.user = res.data.user;
this.contract = res.data.contract; this.contract = res.data.contract;
this.skeleton = false;
// console.log(res.data); // console.log(res.data);
}, },
// //