广告轮播图,一页怎么显示2个呢?
发布于 5 年前 作者 tao42 5142 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

希望广告轮播图显示2个

<swiper indicator-dots=“true” autoplay=“true” interval=“5000” duration=“1000” class=“swiper”>

<block wx:for="{{imgUrls}}" wx:key=“unique”>

<swiper-item>    

<image src="{{item.src}}" class=“img” data-url=’{{item.url}}’ bindtap=“bindViewTap” />

<image src="{{imgUrls[index+1].src}}" class=“img” data-url=’{{imgUrls[index+1].url}}’ bindtap=“bindViewTap” />      

</swiper-item>

</block>

</swiper>

  • 希望提供的能力

但wx:for, 怎么定义每次循环的step呢?

3 回复

display-multiple-items 同时显示的滑块数量

https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

你可以了解一下这个属性

设置图片/swiper-item的宽为50%

回到顶部