function importAll (r) {
return r.keys().map(r)
}
loadImage (url) {
var img = new window.Image()
img.onload = img.onerror = () => {
this.loaded++
this.checkLoadComplete()
}
img.src = url
},
checkLoadComplete () {
this.percent = Math.floor(this.loaded / this.total * 100)
if (this.percent > 100) {
this.percent = 100
}
if (this.loaded === this.total) {
this.loadComplete()
}
},
loadComplete () {
this.$refs.enterVideo.play()
setTimeout(() => {
this.moveIn()
}, 2500)
},
startLoad () {
let imgs = importAll(require.context('@/img/pc/index/', false, /\.(png|jpe?g|svg)$/))
this.total = imgs.length
this.loaded = 0
for (let i = 0; i < this.total; i++) {
this.loadImage(imgs[i])
}
},
图片预加载
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- js懒加载 意义 懒加载（LazyLoad）是前端优化的一种有效方式，能极大的提升用户体验，图片加载是其重点，如果...
- 图片的http请求，有很多种情况，那么究竟什么情况下面不会发生请求呢？下面我用案例一一列举一下，希望对你深入了解h...
