From 786b34086b8e5fe62d5be44f3d8b084c7e8c6889 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Tue, 25 Jul 2023 17:15:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=9B=BE=E7=89=87=E6=87=92?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD,=E5=9B=BE=E7=89=87=E6=9C=AA=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E5=AE=8C=E6=88=90=E6=97=B6=E5=8A=A8=E7=94=BB=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/company/company.vue | 45 ++++++++++++++++++++++++----------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/components/company/company.vue b/components/company/company.vue
index dad972c..2935bf9 100644
--- a/components/company/company.vue
+++ b/components/company/company.vue
@@ -103,15 +103,30 @@
       <block v-if="!skeleton">
         <view class="title">资质信息</view>
         <view class="image_box" style="background-color: #fff;border-radius: 7px 7px 7px 7px;">
-          <image class="bottom" @click="priview(company.qualification.business_license)"
-            :src="company.qualification.business_license" v-if="company.qualification.business_license"></image>
-          <image class="bottom" @click="priview(company.qualification.business_licenseB)"
-            :src="company.qualification.business_licenseB" v-if="company.qualification.business_licenseB"></image>
-          <image class="top" @click="priview(company.qualification.bank_account)"
-            :src="company.qualification.bank_account" v-if="company.qualification.bank_account"></image>
-          <image class="top" @click="priview(company.qualification.bank_accountB)"
-            :src="company.qualification.bank_accountB" v-if="company.qualification.bank_accountB"></image>
-
+          <u--image class="image" @click="priview(company.qualification.business_license)"
+            :src="company.qualification.business_license" v-if="company.qualification.business_license" :lazy-load="true">
+              <template v-slot:loading>
+                <u-loading-icon color="#333"></u-loading-icon>
+              </template>
+          </u--image>
+          <u--image class="image" @click="priview(company.qualification.business_licenseB)"
+            :src="company.qualification.business_licenseB" v-if="company.qualification.business_licenseB" :lazy-load="true">
+            <template v-slot:loading>
+              <u-loading-icon color="#333"></u-loading-icon>
+            </template>
+          </u--image>
+          <u--image class="image" @click="priview(company.qualification.bank_account)"
+            :src="company.qualification.bank_account" v-if="company.qualification.bank_account" :lazy-load="true">
+            <template v-slot:loading>
+              <u-loading-icon color="#333"></u-loading-icon>
+            </template>
+          </u--image>
+          <u--image class="image" @click="priview(company.qualification.bank_accountB)"
+            :src="company.qualification.bank_accountB" v-if="company.qualification.bank_accountB" :lazy-load="true">
+            <template v-slot:loading>
+              <u-loading-icon color="#333"></u-loading-icon>
+            </template>
+          </u--image>
         </view>
       </block>
     </view>
@@ -390,13 +405,17 @@
       justify-content: space-between;
       flex-direction: column;
       align-items: center;
+      padding: 28rpx;
 
-      image {
-        padding-bottom: 20rpx;
+      .image {
         border-radius: 20rpx;
         overflow: hidden;
-        width: 650rpx;
-        height: 455rpx;
+        margin-bottom: 28rpx;
+        image{
+          width: 650rpx;
+          height: 455rpx;
+          background-color: #7f7f7f;
+        }
       }
     }
   }