收藏
回答

swiper组件不轮播图片,只显示第一张图片

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 微信安卓客户端 微信7.011 2.10.3

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

本来添加了四张图片,写了autoplay="true" indicator-dots="true" circular="true"

等属性 ,可是只显示第一张,而且也没轮播,求教呀QAQ

回答关注问题邀请回答
收藏

4 个回答

  • Admin²⁰²⁰
    Admin²⁰²⁰
    03-07
    楼主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']
    
    03-07
    赞同 1
    回复 1
    • 嗨呀你这个大脸怪
      嗨呀你这个大脸怪
      03-09
      还真是忘记了!!!谢谢你O(∩_∩)O~~
      03-09
      回复
  • Stephen
    Stephen
    03-07

    麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    03-07
    赞同
    回复 1
    • 嗨呀你这个大脸怪
      嗨呀你这个大脸怪
      03-09
      谢谢呀,楼下帮我解决啦,忘记给每张图片加了~~~~(>_<)~~~~
      03-09
      回复
  • 铅笔画不出蜡笔的味道
    铅笔画不出蜡笔的味道
    03-07

    好好学下数据绑定

    03-07
    赞同
    回复 1
  • 拾忆
    拾忆
    03-06

    不发代码的提问都是没有灵魂的。

    03-06
    赞同
    回复 1
登录 后发表内容
问题标签