From e6bd49b665a109f1cba5bde848d28a851e77d765 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Thu, 6 Jun 2019 17:00:31 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8background=E6=9B=BF=E4=BB=A3img,?=
 =?UTF-8?q?=E9=98=B2=E6=AD=A2=E5=9B=BE=E7=89=87=E5=8F=98=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PanThumb/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/PanThumb/index.vue b/src/components/PanThumb/index.vue
index de6940ad..daaac985 100644
--- a/src/components/PanThumb/index.vue
+++ b/src/components/PanThumb/index.vue
@@ -5,7 +5,8 @@
         <slot />
       </div>
     </div>
-    <img :src="image" class="pan-thumb">
+    <!-- eslint-disable-next-line -->
+    <div :style="{backgroundImage: `url(${image})`}" class="pan-thumb"></div>
   </div>
 </template>
 
@@ -52,7 +53,8 @@ export default {
 .pan-thumb {
   width: 100%;
   height: 100%;
-  background-size: 100%;
+  background-position: center center;
+  background-size: cover;
   border-radius: 50%;
   overflow: hidden;
   position: absolute;