轮播图闪屏问题各位有遇到过吗 ?

许大宝最可爱

使用swiper在frame中展示的轮播图  

具体情况如下 所示   不一定每次都出现   但是出现的比较频繁  不知道该怎么解决  菜鸡特意来请教有经验的各位盆友们

emmm   图1是我录下视频拼手速截的那一瞬间闪过去的图   图2是闪完恢复的图



为了详细的描述这个情况特意录了视频~~~
]

辉哥_0808

可以上传个视频吗？

粉红顽皮新

感觉像是图片没加载完全

gigie

可以试试用模块

https://docs.apicloud.com/Client-API/UI-Layout/UIScrollPicture

tanjingwaini

这个显然没有加载出来之前出现一闪
解决方法，swiper有个参数，叫延时加载，在图片上放一个加载loading图标

许大宝最可爱

gigie 发表于 2018-12-21 16:17
可以试试用模块

https://docs.apicloud.com/Client-API/UI-Layout/UIScrollPicture

模块做不了圆角。。。。

许大宝最可爱

tanjingwaini 发表于 2018-12-21 16:20
这个显然没有加载出来之前出现一闪
解决方法，swiper有个参数，叫延时加载，在图片上放一个加载loading图标 ...

好的 可是这个是本地图片啊。。。。 而且这个不是毕现的  轮播到第二回才会出现

许大宝最可爱

辉哥_0808 发表于 2018-12-21 09:13
可以上传个视频吗？

上传了呀 你点开看

得呤

设为true开启图片延迟加载默认值，使preloadImages无效。或者设置延迟加载选项。

图片延迟加载：需要将图片img标签的src改写成data-src，并且增加类名swiper-lazy。
背景图延迟加载：载体增加属性data-background，并且增加类名swiper-lazy。

还可以加一个预加载，<div class="swiper-lazy-preloader"></div>
或者白色的<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>

当你设置了slidesPerView:'auto' 或者 slidesPerView > 1，还需要开启watchSlidesVisibility。

许大宝最可爱

gigie 发表于 2018-12-21 16:17
可以试试用模块

https://docs.apicloud.com/Client-API/UI-Layout/UIScrollPicture

模块不行....不能设置圆角  尴尬   而且   图片默认px的  适配也感觉不大好....