图片展示优化

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%;