img 图片加载完之后,再执行某些操作
function showBallDom() {
Toast.loading('', 0, null, true) // antd mobile的loading
// 加载完几张图片之后再进行操作,就在数组里写几张图片链接
let promiseAll = [],
assetsImageList = [
'https://123.png',
'https://234.png',
'https://345.png',
],
img = [],
imgTotal = assetsImageList.length
for (let i = 0; i < imgTotal; i++) {
promiseAll[i] = new Promise((resolve, reject) => {
img[i] = new Image()
img[i].src = assetsImageList[i]
img[i].onload = function() {
resolve(img[i])
}
})
}
Promise.all(promiseAll).then(img => {
setShowPan(true)
Toast.hide()
// timing()
})
}
useEffect(() => {
showBallDom()
}, [])