From 0d762ed3482adb07241b77da93783e6047706ecf Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Tue, 31 May 2022 14:36:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/saas/AppCountryAlbum/Photo.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/saas/AppCountryAlbum/Photo.vue b/src/saas/AppCountryAlbum/Photo.vue
index 05a3b6b2..16299880 100644
--- a/src/saas/AppCountryAlbum/Photo.vue
+++ b/src/saas/AppCountryAlbum/Photo.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="photo">
+  <div class="photo" v-if="pageShow">
     <div class="photo-wrapper">
       <image mode="widthFix" :src="img" @click="isShow = true" />
     </div>
-    <u-popup v-model="isShow" :closeable="false" border-radius="32" mode="bottom" @close="isShow = false, currIndex = -1">
+    <u-popup v-model="isShow" :mask-custom-style="{background: 'rgba(0, 0, 0, 0)'}" :closeable="false" border-radius="32" mode="bottom" @close="isShow = false, currIndex = -1">
 			<div class="photo-bottom">
         <div class="top">
           <h2>查看图片</h2>
@@ -36,17 +36,24 @@
       return {
         img: '',
         id: '',
-        isShow: true
+        isShow: false,
+        pageShow: false
       }
     },
 
     onLoad (query) {
       this.id = query.id
-
+      this.$loading()
       this.$http.post(`/api/appalbumphoto/queryDetailById?id=${query.id}`).then(res => {
         if (res.code == 0) {
           this.img = res.data.photoUrl
         }
+
+        this.$nextTick(() => {
+          this.pageShow = true
+
+          this.isShow = true
+        })
       })
     },