2***@qq.com
2***@qq.com
  • 发布:2024-09-05 17:15
  • 更新:2024-09-05 17:15
  • 阅读:115

【报Bug】使用Swiper组件。上下滚动播放的时候会出现重叠和空白。(微信小程序和苹果手机真机模拟)

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.24

第三方开发者工具版本号: 1.06

基础库版本号: 2.30.4

项目创建方式: HBuilderX

示例代码:
<swiper style="position:relative;height:40rpx;" autoplay="true" :interval="params.scroll*1000" vertical="true" class="itemlist" circular="true"> <swiper-item class="item" v-for="item in data" :key="item.id" style="{fontSize:(params.fontsize*2.2)+'rpx'}" @click="goto" :data-url="item.hrefurl"> <view class="swiper-content">{{item.title}}</view>
</swiper-item>
</swiper>

操作步骤:

数据是动态获取,循环的

预期结果:

正常是如果多条,一条一条上下滚动,并不是好几天堆在一起滚动,还出现空白

实际结果:

重叠,会有空白

bug描述:

<swiper style="position:relative;height:40rpx;" autoplay="true" :interval="params.scroll*1000" vertical="true" class="itemlist" circular="true"> <swiper-item class="item" v-for="item in data" :key="item.id" style="{fontSize:(params.fontsize*2.2)+'rpx'}" @click="goto" :data-url="item.hrefurl"> <view class="swiper-content">{{item.title}}</view>
</swiper-item>
</swiper>

上下滚动的时候,第一次滚动可以正常显示,当第二次滚动的时候,就出现了重叠和空白

2024-09-05 17:15 负责人:无 分享
已邀请:

要回复问题请先登录注册