小程序和uniapp图片未完全加载时优化方案

1.设置要显示的图片height:auto防止加载过程变形,未加载出来时图片高度为0

2.此时用一个loading图片占位空白,防止用户体验不好

3.当最后一张图片加载完成之后,占位图片消失

loading图片时gif图可以用其他本地图代替,我是在colorUI上找的。

这是我的方案。用背景色填充和背景图片占位总是会有各种问题(变形或者空白)

最终效果:


版权声明:本文为helloworld963原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。