提交

src/components/Portal/guideBox.vue

@@ -15,6 +15,14 @@
             </dl>
          </div>
          <div class="gui-box-right">
+          <div id="container" style="z-index:99;" >
+         <!-- 当轮播图等于一张时 -->
+            <swiper :options="swiperOptiontwo" v-if="resonimgTow.length">
+              <swiper-slide style="margin: 0 auto;" v-for="(item , idx ) in resonimgTow" :key="'a'+idx" class="swiper-slide games">
+                <img class="banner-img" style=" margin: 0 auto;" :src=" fileBaseUrl + item.img" alt="">
+              </swiper-slide>
+            </swiper>
+          </div>
             <div id="guideBox" style="z-index:99;">
               <swiper :options="swiperOption" ref="mySwiper" v-if="resonimg.length">
                 <swiper-slide  style="margin: 0 auto;" v-for="(item, idx ) in resonimg" :key="item.id" class="swiper-slide games">
@@ -52,9 +60,14 @@
             guideCollection:false,// 兴趣采集
             guideList:[],
             resonimg:[],
+            resonimgTow:[],
+            swiperOptiontwo: {
+              autoplay: false,
+              // noSwiping: true,
+            },
             swiperOption: {
                 autoplay: {
-                disableOnInteraction: false ,
+                disableOnInteraction: false,
                 delay: 2000,
                 },
                 speed: 2000, //切换速度，即slider自动滑动开始到结束的时间（单位ms）
@@ -131,9 +144,15 @@
 
         showImg(item) {
           this.resonimg = [];
+          this.resonimgTow = [];
           if(item){
             this.description = item.description;
-            this.resonimg = item.images;
+            if(item.images.length > 1) {
+              this.resonimg = item.images;
+            } else {
+              this.resonimgTow = item.images;
+            }
+            
           }
         },
         notYet() {