Ver código fonte

1. 修复图片下载有蒙尘问题

MONSTER-ygh 1 ano atrás
pai
commit
b3fc51f622
1 arquivos alterados com 10 adições e 6 exclusões
  1. 10 6
      src/views/distribution/personnelMr/index.vue

+ 10 - 6
src/views/distribution/personnelMr/index.vue

@@ -164,13 +164,17 @@
       :close-on-click-modal="false"
     >
       <div style="display: flex;justify-content: center;">
-        <div id="capture" style="width: 300px; height: 544px; position: relative;background-size: cover;background-repeat: no-repeat;box-shadow: 0px 0px 20px 2px rgba(221,221,221,0.5);border-radius: 10px;" :style="{backgroundImage:'url('+newObj.posterImg+')'}">
-          <el-image
-            style="width: 80px; height: 80px; position: absolute; bottom: 10px; right: 10px;"
-            :src="newObj.url"
-            fit="fill"
-          />
+        <div style="width: 300px; height: 544px; background-size: cover;background-repeat: no-repeat;box-shadow: 0px 0px 20px 2px rgba(221,221,221,0.5);border-radius: 10px;">
+          <div id="capture" style="width: 100%;height: 100%;position: relative;border-radius: 10px;">
+            <img style="width: 100%;height: 100%;" :src="newObj.posterImg" alt="">
+            <el-image
+              style="width: 80px; height: 80px; position: absolute; bottom: 10px; right: 10px;"
+              :src="newObj.url"
+              fit="fill"
+            />
+          </div>
         </div>
+        
       </div>  
     
       <div slot="footer" class="dialog-footer">