我的数据是通过请求服务器获取的json,再解析出来的,其中包含图片http路径,因此获取json数据时间很短,但是图片scr="{{path}}"加载渲染过程却极慢。
< image style = "width: 220rpx; height: 220rpx" src = " {{image.path}}" bindtap = "previewCurrentImage" /> |
这就很尴尬了,我没法知道大量的图片什么时候加载完毕,所以“加载中..”的提示早就结束了,界面还在渲染。请问有什么好的解决思路吗?谢谢
参考这个项目
微信小程序-图片懒加载
嗯,只渲染可视区域的图片。有什么办法判断当前组件是否在可视区域内呢?
预加载组件需要制作缩略图的吧,这样有点不方便。
只渲染可视区域的图片
用图片预加载组件,github里搜一下。