小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在使用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
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这种情况下 轮播图放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