gzahz
gzahz
  • 发布:2022-07-15 23:31
  • 更新:2022-10-18 15:03
  • 阅读:477

【报Bug】swiper组件指定宽度的情况只能滑动到第四个

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: Alpha

HBuilderX版本号: 3.5.1

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphone 11 pro Max

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<swiper style="width:650rpx;height:1000rpx;">  
            <swiper-item v-for="(item, idx) in [1,2,3,4,5,6,7,8,9]" :key="idx" >  
                <view style="width:650rpx;height:1000rpx;background-color:#fcff20;">  
                    {{idx}}  
                </view>  
            </swiper-item>  
        </swiper>

操作步骤:

运行上面代码就可复现,nvue页面

预期结果:

指定宽度的情况下,希望每一项都可以滑动切换

实际结果:

指定宽度无法正常滑动切换

bug描述:

swiper组件指定宽度在650rpx以下,只能滑动切换到第四个,比如swiper下10个swiper-item,当滑动到第五个时,自动切换到第四个,无法滑动切换后面的第五第六个等

2022-07-15 23:31 负责人:DCloud_iOS_WZT 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

根据您提供的信息并未复现该问题,请检查代码或提供可复现demo,谢谢~

  • gzahz (作者)

    一直都正常的,更新HX后才出现该问题,上面代码直接放到NVUE页面中是有复现的, 我从新做个demo给你

    2022-07-18 11:14

  • gzahz (作者)

    我已经上传了,你看能下载不,HBuilderX类型: Alpha HBuilderX 版本号: 3.5.1,必须是 nvue页面,IOS真机测试

    2022-07-18 11:28

gzahz

gzahz (作者)

复现demo

  • DCloud_UNI_WZF

    运行您提供的demo,ios 模拟器 11 Pro Max ios 15.4 复现该问题,感谢反馈,已加分~

    目前只能通过使用 vue 页面绕过该问题

    2022-07-18 16:23

  • gzahz (作者)

    回复 DCloud_UNI_WZF: 好的,辛苦了,只能等更新,切换VUE需要调整太多

    2022-07-18 17:26

DCloud_UNI_Anne

DCloud_UNI_Anne

HBuilderX3.6.7-alpha已修复

要回复问题请先登录注册