no message

zhao_js

2023-11-15 b44e169dd8a6e0f15d3788970176922e96aec6e1

 uniapp/components/colGoodsImg.vue

@@ -1,16 +1,18 @@
<template>
   <view class="items-container borderBox colCen">
      <swiper class="swiper-box" :autoplay="true" :interval="3000" :duration="300" :indicator-active-color="'#fff'" :indicator-dots="true" circular>
         <swiper-item v-for="(items,index) in popBannerSList" :key='index'>
            <view class="swiper-item defIcon" @click="goUrl(items)">
               <image :src="items.image" mode="aspectFit"></image>
            </view>
         </swiper-item>
      </swiper>
    </view>
   <swiper style="height: 100%;" class="swiper-box" :autoplay="true" :interval="3000" :duration="300" :indicator-active-color="'#fff'" :indicator-dots="true" circular>
      <swiper-item v-for="(items,index) in popBannerSList" :key='index'>
         <view class="swiper-item defIcon" style="width: 100%;height: 100%;" @click="goUrl(items)">
            <image :src="items.image" mode="aspectFit"></image>
         </view>
      </swiper-item>
   </swiper>
   <!-- <view class="swiper-container swiper-box swiper-item">
		
    </view> -->
</template>

<script>
   import utils from '@/utils/utils.js'
   export default {
      props: {
         popBannerSList: Array
@@ -23,14 +25,20 @@
      created()
      {
         console.log(this.popBannerSList);
      },
      methods:
      {
         goUrl(info)
         {
            console.log(info);
            utils.goUrl(info, this)
         }
      }
}
</script>

<style>
   .items-container {
      width: 346rpx;
      height: 100%;

      .swiper-box {
         width: 100%;
         height: 100%;
@@ -40,5 +48,5 @@
            height: 100%;
         }
      }
   }
	
</style>