小程序
小游戏
企业微信
微信支付
扫描小程序码分享
https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
本来添加了四张图片,写了autoplay="true" indicator-dots="true" circular="true"
等属性 ,可是只显示第一张,而且也没轮播,求教呀QAQ
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
楼主swiper 里面要嵌套swiper-item组件,4张图片需要4个swiper-item 是不是忘记啦? 参考代码: <swiper autoplay="true" bindchange="swiperChange" style="height: 500rpx"> <block wx:for="{{imageUrls}}" wx:key="*this"> <swiper-item> <image src="{{item}}" class="slide-image" bindtap="previewImage"mode="aspectFill" lazy-load="{{true}}" /> </swiper-item> </block> </swiper> imageUrls:['xxx.jpg','yyyy.jpg']
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
图片放在swiper-item子容器中可以显示
麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
好好学下数据绑定
不发代码的提问都是没有灵魂的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
楼主swiper 里面要嵌套swiper-item组件,4张图片需要4个swiper-item 是不是忘记啦? 参考代码: <swiper autoplay="true" bindchange="swiperChange" style="height: 500rpx"> <block wx:for="{{imageUrls}}" wx:key="*this"> <swiper-item> <image src="{{item}}" class="slide-image" bindtap="previewImage"mode="aspectFill" lazy-load="{{true}}" /> </swiper-item> </block> </swiper> imageUrls:['xxx.jpg','yyyy.jpg']
图片放在swiper-item子容器中可以显示
麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
好好学下数据绑定
不发代码的提问都是没有灵魂的。