From 0cb698d995f5cfec40477a61bc7bf16541e36ae2 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 26 May 2022 11:33:30 +0800
Subject: [PATCH] 29884

---
 src/saas/AppCountryAlbum/Photo.vue | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/saas/AppCountryAlbum/Photo.vue b/src/saas/AppCountryAlbum/Photo.vue
index e0785711..5d437395 100644
--- a/src/saas/AppCountryAlbum/Photo.vue
+++ b/src/saas/AppCountryAlbum/Photo.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="photo">
-    <image mode="aspectFit" :src="img" @click="preview(img)" />
+    <div class="photo-wrapper">
+      <image mode="widthFix" :src="img" />
+    </div>
     <div class="photo-footer">
       <div class="item" @click="back">
         <image src="./images/fanhui.png" />
@@ -104,8 +106,24 @@
     position: relative;
     width: 100%;
     height: 100vh;
-    overflow: auto;
     background: #000;
+    overflow-y: auto;
+
+    * {
+      box-sizing: border-box;
+    }
+
+    .photo-wrapper {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      min-height: 100vh;
+      padding-bottom: 216px;
+
+      & > image {
+        width: 100%;
+      }
+    }
 
     .photo-footer {
       display: flex;
@@ -137,10 +155,5 @@
         }
       }
     }
-
-    & > image {
-      width: 100%;
-      min-height: calc(100% - 216px);
-    }
   }
 </style>