优化

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
+        })
       })
     },