From 54fa1539c73c9477941db75b4fd06a51c25a273c Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Sat, 13 May 2023 09:55:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pictureRotation/index.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/pictureRotation/index.vue b/src/views/pictureRotation/index.vue
index 2dfbf7d..7928205 100644
--- a/src/views/pictureRotation/index.vue
+++ b/src/views/pictureRotation/index.vue
@@ -34,7 +34,11 @@
     </div>
     <div class="imageCenter" v-loading="loading">
       <div class="imgList" v-for="(item, index) in picList" :key="index">
-        <viewer class="bigpic" v-if="!item.path.includes('mp4')">
+        <viewer
+          class="bigpic"
+          v-if="!item.path.includes('mp4')"
+          :style="{ backgroundImage: 'url(' + item.path + '!180x160)' }"
+        >
           <img :src="item.path + '!1280x720'" />
           <!-- <el-image :src="item.path + '!1280x720'" lazy></el-image> -->
         </viewer>
@@ -306,6 +310,7 @@ export default {
       .bigpic {
         width: 100%;
         height: 100%;
+        background-size: 100% 100%;
       }
       img {
         width: 100%;