PC端上传商品详情轮播图片修改

src/views/product/productDetailSlot.vue

@@ -10,7 +10,9 @@
             <swiper-slide
               v-for="(item) of productData.images"
               :key="item"
-              :style="{backgroundImage: 'url('+ item +')'}"></swiper-slide>
+             >
+              <img style="width: 100%;height: 100%" :src="item">
+            </swiper-slide>
           </swiper>
           <!-- swiper2 Thumbs -->
           <div class="swiperThumbsLeft">
@@ -22,9 +24,11 @@
                 <swiper-slide
                   v-for="(item, index) of productData.images"
                   :key="index"
-                  :style="{backgroundImage: 'url('+ item +')'}">
+                  >
                   <div style="width: 100%; height: 100%;"
-                    @click="thumbsClick(index)"></div>
+                    @click="thumbsClick(index)">
+                    <img style="width: 100%;height: 100%" :src="item">
+                  </div>
                 </swiper-slide>
               </swiper>
               <div class="swiper-button-prev swiper-button-white iconfont"