Commit 34d13590 authored by 毛线's avatar 毛线

优化loading显示逻辑

parent 65d63ec2
...@@ -35,6 +35,12 @@ export default { ...@@ -35,6 +35,12 @@ export default {
downloadImage: 0, // 完成加载的总数 downloadImage: 0, // 完成加载的总数
downloadAudio: 0, // 完成加载的总数 downloadAudio: 0, // 完成加载的总数
logo: 'https://app-main.eslotsys-ptn1.com/resource/assets/Textures/loading/screen_logo.png', logo: 'https://app-main.eslotsys-ptn1.com/resource/assets/Textures/loading/screen_logo.png',
loadPageImg: [ // 加载页面的图片
'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/loading/macot.png',
'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/loading/loading%20bar%20bg.png',
'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/loading/filled.png',
],
loadPageImgComplete: 0, // 加载页的图片加载情况
} }
}, },
computed: { computed: {
...@@ -75,17 +81,34 @@ export default { ...@@ -75,17 +81,34 @@ export default {
this.toGame() this.toGame()
} }
}, },
}, loadPageImgComplete(value) {
mounted() { if (value === this.loadPageImg.length) { // 图片加载完成
setTimeout(() => { setTimeout(() => {
this.showLoading = true // logo显示1秒 this.showLoading = true // logo至少显示1秒
this.loadResources() this.loadResources()
}, 1000) }, 1000)
}
},
},
mounted() {
}, },
methods: { methods: {
...mapActions([ ...mapActions([
'GetBaseInfo', 'GetBaseInfo',
]), ]),
loadPageImgState() {
this.loadPageImg.forEach(src => {
const img = new Image()
img.src = src
if (img.complete) {
this.loadPageImgComplete++
} else {
img.onload = () => {
this.loadPageImgComplete++
}
}
})
},
toGame() { toGame() {
const token = getToken() const token = getToken()
if (token) { if (token) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment