收藏
回答

swiper轮播组件问题?

在使用swiper组件时,一共有3张图片,并且设置了display-multiple-items=3,现在是想让这三张图在本页面进行轮播,如何进行实现。问题代码片段让代码片段中的123进行循环轮播https://developers.weixin.qq.com/s/qVacJxmu72iy

最后一次编辑于  2020-07-02
回答关注问题邀请回答
收藏

4 个回答

  • null
    null
    2020-07-02

    这种情况下 轮播图放6份就好了。

    2020-07-02
    有用 2
    回复 7
    • №merely
      №merely
      2020-07-02
      不太明白
      2020-07-02
      回复
    • null
      null
      2020-07-02回复№merely
      你现在不是3个轮播嘛?你把list改为6个.就是[1,2,3,1,2,3]
      2020-07-02
      回复
    • 卢霄霄
      卢霄霄
      2020-07-02
      真机智
      2020-07-02
      回复
    • №merely
      №merely
      2020-07-02
      那和我一个item 放3个就没有区别了
      2020-07-02
      回复
    • null
      null
      2020-07-02回复卢霄霄
      基操基操
      2020-07-02
      回复
    查看更多(2)
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2020-07-02

    你这不是为难swiper组件嘛

    只能多复制一份啦

    https://developers.weixin.qq.com/s/lAkazxmk7xie

    若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人

    2020-07-02
    有用 1
    回复 2
    • №merely
      №merely
      2020-07-02
      可以分享下代码片吗
      2020-07-02
      回复
    • o0o有脾气的酸奶
      o0o有脾气的酸奶
      2020-07-02回复№merely
      代码片段看上面

      若认为该回答有用,给回答者点个[ ]

      2020-07-02
      回复
  • sook
    sook
    2020-12-30
    <!-- 轮播 -->
    <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

    2020-12-30
    有用
    回复
  • 微喵网络
    微喵网络
    2020-07-02

    弄一个 [ 能复现问题的简单的 ] 代码片段

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-07-02
    有用
    回复 12
    • №merely
      №merely
      2020-07-02
      马上稍等片刻
      2020-07-02
      回复
    • 微喵网络
      微喵网络
      2020-07-02回复№merely
      放到问题里
      2020-07-02
      回复
    • №merely
      №merely
      2020-07-02回复微喵网络
      大佬您看下可以实现吗
      2020-07-02
      回复
    • 微喵网络
      微喵网络
      2020-07-02回复№merely
      你这个只有3个item,又把3个全都显示出来了,当然是不需要再轮播了
      2020-07-02
      回复
    • 微喵网络
      微喵网络
      2020-07-02回复№merely
      真需要的话,就把item全部整体复制一遍
      2020-07-02
      回复
    查看更多(7)
登录 后发表内容
问题标签