123

src/components/imgModal/index.vue

@@ -5,15 +5,14 @@
         <img class="w-525px h-87px" src="@/assets/image/cddfdf.png" alt="">
       </div>
       <div class="bg-[url('@/assets/image/zu3327@2x.png')] w-1173px h-1489px bg-cover mt-90px flex flex-col items-center pt-75px">
-        <div class="w-1030px h-1020px flex flex-col items-center">
+        <div class="h-1210px flex justify-center">
-          <img :src="imgUrl" alt="" class="max-w-1030px max-h-1020px">
+          <img :src="imgUrl" alt="" class="max-h-100% max-w-90% object-contain">
         </div>
         <div class="bg-[url('@/assets/image/z3255@2x.png')] w-600px h-98px bg-cover text-#fff text-40px flex justify-center items-center mt-48px" @click="closeModal">关闭</div>
       </div>
     </div>
   </teleport>
 </template>
-
 <script setup>
 import { ref,defineEmits} from 'vue';
 const show=ref(false)