zhao_js
2023-11-15 b44e169dd8a6e0f15d3788970176922e96aec6e1
uniapp/components/colGoodsImg.vue
对比新文件
@@ -0,0 +1,52 @@
<template>
   <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
      },
      data() {
         return {
         }
      },
      created()
      {
         console.log(this.popBannerSList);
      },
      methods:
      {
         goUrl(info)
         {
            console.log(info);
            utils.goUrl(info, this)
         }
      }
}
</script>
<style>
      .swiper-box {
         width: 100%;
         height: 100%;
         .swiper-item {
            width: 100%;
            height: 100%;
         }
      }
</style>