优化loading显示逻辑

pages/loading/index.vue

@@ -35,6 +35,12 @@ export default {
       downloadImage: 0, // 完成加载的总数
       downloadAudio: 0, // 完成加载的总数
       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: {
@@ -75,17 +81,34 @@ export default {
         this.toGame()
       }
     },
+    loadPageImgComplete(value) {
+      if (value === this.loadPageImg.length) { // 图片加载完成
+        setTimeout(() => {
+          this.showLoading = true // logo至少显示1秒
+          this.loadResources()
+        }, 1000)
+      }
+    },
   },
   mounted() {
-    setTimeout(() => {
-      this.showLoading = true // logo显示1秒
-      this.loadResources()
-    }, 1000)
   },
   methods: {
     ...mapActions([
       'GetBaseInfo',
     ]),
+    loadPageImgState() {
+      this.loadPageImg.forEach(src => {
+        const img = new Image()
+        img.src = src
+        if (img.complete) {
+          this.loadPageImgComplete++
+        } else {
+          img.onload = () => {
+            this.loadPageImgComplete++
+          }
+        }
+      })
+    },
     toGame() {
       const token = getToken()
       if (token) {