b***@163.com
b***@163.com
  • 发布:2020-11-30 14:43
  • 更新:2020-12-03 09:07
  • 阅读:659

【报Bug】tab切换 swiper时,当 第17个列表图片无法加载,只会未展现的列表图片也是无法加载

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

手机系统: Android

手机系统版本号: Android 8.0

手机厂商: 华为

手机机型: 畅享10

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
        《scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto"》  
            《view v-for="(tab,index) in tabBars" class="pl5 pr5" :key="tab.value" :class="flex ? 'c-flex1' : 'uni-tab-item'"  
             :id="tab.value" :data-current="index" @click="ontabtap"》  
                《text class="uni-tab-item-title" :class="tabIndex==index ? 'c-colorMain' : 'c-color1'"》{{tab.label}}《/text》  
            《/view》  
        《/scroll-view》  

《swiper :current="tabIndex" class="swiper-box" style="flex: 1;" :duration="300" @change="ontabchange"》
《swiper-item class="swiper-item" v-for="(tab,index1) in listData" :key="index1"》
《list class="scroll-v list" enableBackToTop="true" loadmoreoffset="15" @loadmore="loadMore" bounce="false"
scrollable="true"》
《cell v-for="(item,index2) in tab.data" :key="index2"》
《view class="list-item" v-if="datatype=='taobaoke'" @click="redirect(detailurl+item.pkid)"》
《view class="c-fdrow" style="padding-top: 10rpx;"》
《view》
《image style="width: 200rpx;height: 150rpx;" :src="item.cimg" lazy-load="true" 》《/image》
《/view》
《view class="list-item-content"》
《view class="c-fdrow"》
《image style="height: 40rpx;width: 40rpx;border-radius: 10rpx;" v-if="item.cuser_type==1" src="/static/tmall.jpg"》《/image》
《image style="height: 40rpx;width: 40rpx;border-radius: 10rpx;" v-else src="/static/taobao.jpg"》《/image》
《text class="list-item-title c-colorTitle"》{{item.ctitle}}《/text》
《/view》
《view class="c-fdrow" style="padding-top: 5rpx;"》《text v-if="item.cmaochao_play_free_post_fee==1" class="c-border c-fs12"》包邮《/text》
《text class="list-item-text"》月销量:{{item.cvolume}} 件《/text》《text class="list-item-text c-pl20"》价格:{{item.czk_final_price}}元《/text》
《/view》
《view class="c-fdrow"》
《text class="list-item-text c-colorMain"》优惠券 :{{item.ccoupon_amount}}元,购买价格:{{(item.czk_final_price-item.ccoupon_amount).toFixed(2)}}元《/text》
《/view》
《view》《text class="list-item-text c-colorInfo"》活动时间:{{item.cstarttime}}~{{item.cendtime}}《/text》《/view》
《view class="c-fdrow"》
《text class="list-item-text c-colorInfo"》已领取:{{item.ccoupon_total_count-item.ccoupon_remain_count}}份《/text》
《text class="list-item-text c-colorInfo"》 剩余:{{item.ccoupon_remain_count}}份《/text》
《!-- 《text class="c-colorMain c-fs16 c-pl20" @click="redirecturl(item.coupon_share_url)" 》领券购买《/text》
《text class="c-colorMain c-fs16 c-pl20" @click="getTpwd(index)"》领券购买《/text》 --》
《/view》
《/view》
《/view》
《/view》
《/cell》
《/list》
《/swiper-item》
《/swiper》

操作步骤:

每次必现

预期结果:

图片能正常加载

实际结果:

图片无法正常加载

bug描述:

tab切换 swiper时,当 第17个列表图片无法加载,只会未展现的列表图片也是无法加载

操作流程,进入淘宝优惠券频道,,进入优惠券搜索,切换tab选项,一直切换到第17个子项时,就会出现图片无法加载

经过测试,每次到第17个选项时,图片都无法加载,

1:从第0个,侧滑到第17个
2:直接跳到带20个,再侧滑回来,等到第16个时,无法加载图片,(进入页面已经加载了一个列表)

2020-11-30 14:43 负责人:无 分享
已邀请:
b***@163.com

b***@163.com (作者)

iphone6s测试了没问题

b***@163.com

b***@163.com (作者)

打卡,,请尽快解决,要不发版后安卓机会有问题

b***@163.com

b***@163.com (作者)

不用解决这个BUG了,已经放弃,我把tab选项压缩,合并到少于17个

该问题目前已经被锁定, 无法添加新回复