在使用swiper组件时,一共有3张图片,并且设置了display-multiple-items=3,现在是想让这三张图在本页面进行轮播,如何进行实现。问题代码片段让代码片段中的123进行循环轮播https://developers.weixin.qq.com/s/qVacJxmu72iy
在使用swiper组件时,一共有3张图片,并且设置了display-multiple-items=3,现在是想让这三张图在本页面进行轮播,如何进行实现。问题代码片段让代码片段中的123进行循环轮播https://developers.weixin.qq.com/s/qVacJxmu72iy
4 个回答
这种情况下 轮播图放6份就好了。
你这不是为难swiper组件嘛
只能多复制一份啦
https://developers.weixin.qq.com/s/lAkazxmk7xie
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
若认为该回答有用,给回答者点个[ 赞 ]
<!-- 轮播 --> <view class="lunbo"> <swiper class='swiperClass' autoplay interval="3000" indicator-color="#a39f99" indicator-active-color="#f49641" indicator-dots duration="1000" previous-margin="30rpx" next-margin="30rpx" circular bindchange="bindchange" style='height: {{swiperHeight}}rpx'> <block wx:for="{{imgUrls}}" wx:key="{{index}}"> <swiper-item> <image src="{{item}}" class="slide-image {{swiperIndex == index ? 'active' : 'quiet'}}" mode='aspectFill'> </image> </swiper-item> </block> </swiper> </view> <!-- 轮播 -->
https://www.yujianni.top/news/comp_artinfo.html?id=530
弄一个 [ 能复现问题的简单的 ] 代码片段
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html