收藏
回答

swiper下配置 display-multiple-items 异常 (新版微信)

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 微信iOS客户端 v8.0.53 3.6.4

新版本微信 v8.0.53 出现的,之前正常

问题描述:

skyline模式下swiper配置 display-multiple-items 为1.25 (大于1的数)数字后,滚动时并不是滚动一项,而是整个展示区全部滚过去了

例:

模拟器正常

真机异常


<view style="padding-top: 60px; height: 100vh;">
    <scroll-view type="list" scroll-y style="height: 100%; width: 100%;">
        <view class="section center">
            <view class="section-title center">layout: normal </view>
            <swiper class="swiper-container" circular 
            display-multiple-items="1.25"
            layout-type="normal">
                <swiper-item wx:for="{{food}}" wx:key="*this">
                    <image class="img" src="{{item}}" mode="aspectFill" />
                </swiper-item>
            </swiper>
        </view>
    </scroll-view>
</view>


最后一次编辑于  10-31
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    11-05

    display-multiple-items 预期应该是个整数的

     这种效果一般是用 previous-margin 和 next-margin 来实现

    小数属于非预期输入了

    11-05
    有用
    回复 4
    • 柒号水手
      柒号水手
      11-05
      确定?为啥微信 v8.0.53 的前版本是可用的,新版现在不行,其次,只配置previous-margin 和 next-margin 来实现会出现重叠问题,确定是这样?
      11-05
      回复
    • 社区技术运营专员-Jahozheng
      社区技术运营专员-Jahozheng
      11-06回复柒号水手
      小数属于非预期输入了,这个没有办法在迭代中做保证不会 break
      11-06
      回复
    • 柒号水手
      柒号水手
      11-13回复社区技术运营专员-Jahozheng
      OK 已解决 ~
      11-13
      回复
    • 帆
      12-13
      我循环列表列表长度是5,后端肯定返回5个,我设置display-mutiple-items=2;,提示我
      swiper>: display-multiple-items 不能大于 swiper-item 数量,这是啥情况
      12-13
      回复
  • 柒号水手
    柒号水手
    11-04

    @灵芝 @Demons

    11-04
    有用
    回复
登录 后发表内容