轮播ie9问题修改，店铺搜索简介判空

components/home/Carousel.vue

@@ -13,9 +13,9 @@
                 <img :src="banner.pictureUrl"/>
               </span>
             </div>
-            <div class="swiper-button-prev"><i class="iconfont icon-arrow-left"></i></div>
-            <div class="swiper-button-next"><i class="iconfont icon-arrow-right"></i></div>
           </div>
+          <div class="swiper-button-prev"><i class="iconfont icon-arrow-left"></i></div>
+          <div class="swiper-button-next"><i class="iconfont icon-arrow-right"></i></div>
           <div class="swiper-pagination swiper-pagination-bullets"></div>
         </div>
       </div>
@@ -26,6 +26,7 @@
   export default {
     name: 'carousel',
     data () {
+      let _this = this
       return {
         activeSlide: 0,
         swiperOption: {
@@ -36,7 +37,7 @@
           autoplayDisableOnInteraction: false,
           paginationClickable: true,
           mousewheelControl: false,
-          effect: 'fade',
+          effect: 'silde',
           lazyLoading: true,
           loop: true,
           prevButton: '.swiper-button-prev',
@@ -44,16 +45,15 @@
           onTransitionStart: (swiper) => {
             // 不要通过vue刷新dom，会导致pagination无法刷新
             // this.activeSlide = swiper.activeIndex
-            if (this.banners.data.length && swiper.activeIndex > this.banners.data.length) {
+            if (_this.banners.data.length && (swiper.activeIndex > _this.banners.data.length)) {
               swiper.activeIndex = 1
-            }
-            if (this.banners.data.length && swiper.activeIndex <= 0) {
-              swiper.activeIndex = this.banners.data.length
+            } else if (_this.banners.data.length && swiper.activeIndex <= 0) {
+              swiper.activeIndex = _this.banners.data.length
             }
             let carousel = document.querySelector('.carousel')
             if (carousel && carousel !== null) {
               carousel.style.backgroundColor =
-                this.banners.data[swiper.activeIndex - 1].metadata['background-color']
+                _this.banners.data[swiper.activeIndex - 1].metadata['background-color']
             }
           }
         }
@@ -76,7 +76,7 @@
 <style lang="scss" scoped>
   @import '~assets/scss/variables';
 
-  $carousel_width: 990px;
+  $carousel_width: 992px;
   $carousel_height: 477px;
 
   .carousel {

components/provider/Carousel.vue

@@ -24,7 +24,7 @@
           autoplay: 5000,
           initialSlide: 0,
           loop: true,
-          effect: 'fade',
+          effect: 'slide',
           lazyLoading: true,
           // 解决点击分页器后图片就不能轮播的问题
           autoplayDisableOnInteraction: false,

components/searchStore/StoreContent.vue

@@ -13,7 +13,7 @@
 							<a @click="goLink(store)" href="javascript:void(0)" class="contact_btn">联系卖家</a>
           </span>
           <span class="main-product">
-             <a :href="'/store/' + store.uuid" target="_blank" v-text="'店铺简介：' + store.description"></a>
+             <a :href="'/store/' + store.uuid" target="_blank" v-text="'店铺简介：' + (store.description || '-')"></a>
           </span>
         </div>
         <div class="component-count">