问题描述:在使用image加载大图的时候图片会从上往下一点点的渲染,会造成不好的用户体验。
解决思路:先定义图片地址字段为null,再使用js图片加载接口进行图片加载,在加载完回调事件里再给渲染字段赋值。
//次示例为uniapp,vue使用 new image() 同理
function imageLoading(src){
return new Promise((resolve, reject) => {
uni.getImageInfo({
src,
success(res) {
resolve(res.path)
},
fail(err) {
console.log('加载失败:',err)
}
})
})
}