From bacf91a994820e8f947e779e6f1d3a940f302d1f Mon Sep 17 00:00:00 2001
From: Andy Leong <andyleong007@gmail.com>
Date: Tue, 23 Jan 2024 22:57:48 +0800
Subject: [PATCH] =?UTF-8?q?debug=E6=A8=A1=E5=BC=8F=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Index.vue | 12 +++++++++--
 src/page/Home/App.vue    | 46 ++++++++++++++++++----------------------
 src/page/Home/main.js    |  4 ++--
 3 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/src/components/Index.vue b/src/components/Index.vue
index 236a6cd..4a158e0 100644
--- a/src/components/Index.vue
+++ b/src/components/Index.vue
@@ -78,6 +78,14 @@ onMounted(() => {
 
   clockAni();
 });
+
+const vcNum = ref(false);
+const showVC = () => {
+  vcNum.value++;
+  if (vcNum.value >= 20) {
+    gsap.set("#__vconsole", { autoAlpha: 1 });
+  }
+};
 </script>
 
 <template>
@@ -91,7 +99,7 @@ onMounted(() => {
       </div>
     </div>
     <div class="index-container">
-      <div class="index-title"></div>
+      <div class="index-title" @click="showVC"></div>
       <div class="index-rule-btn" @click="showRule($event)"></div>
       <div
         class="index-prize-btn"
@@ -154,7 +162,7 @@ onMounted(() => {
     transform: translateY(-50%);
 
     .index-title {
-      pointer-events: none;
+      // pointer-events: none;
       @include pos(552px, 131px, 101px, 331px);
       @include bg_pos("index/title.png");
     }
diff --git a/src/page/Home/App.vue b/src/page/Home/App.vue
index 26d6be4..6f92746 100644
--- a/src/page/Home/App.vue
+++ b/src/page/Home/App.vue
@@ -19,7 +19,13 @@ import MyPrize from "@/components/MyPrize";
 import Draw from "@/components/Draw";
 import Result from "@/components/Result";
 import Rule from "@/components/Rule";
-import { createBGM, getQueryString, screenOrientation, isAndriod,fontAdpat } from "@/plugins";
+import {
+  createBGM,
+  getQueryString,
+  screenOrientation,
+  isAndriod,
+  fontAdpat,
+} from "@/plugins";
 import { authorize, getUserInfo } from "@/api";
 import { Toast } from "vant";
 import { useMainStore } from "@/store";
@@ -114,7 +120,7 @@ onMounted(() => {
           // 开始加载组件
           showLoad.value = true;
 
-              // ios自动播放音乐
+          // ios自动播放音乐
           document.addEventListener("DOMContentLoaded", function () {
             function audioAutoPlay() {
               var audio = document.getElementById("musicBtn");
@@ -166,8 +172,6 @@ onMounted(() => {
                 forbidClick: true,
               });
             }
-
-
           });
         }
       });
@@ -184,8 +188,7 @@ onMounted(() => {
               duration: 0,
               forbidClick: true,
             });
-            return
-
+            return;
           }
 
           // 活动未开启：6002
@@ -196,38 +199,27 @@ onMounted(() => {
               icon: "flag-o",
               forbidClick: true,
             });
-            return
+            return;
           }
 
           Toast.fail({
-              message: "活动已结束",
-              duration: 0,
-              forbidClick: true,
-            });
-
-
+            message: "活动已结束",
+            duration: 0,
+            forbidClick: true,
+          });
         }
-
-
       });
     }
   } else {
     showLoad.value = true;
     createBGM();
-
   }
 });
 
-
-
 const playMusic = () => {
-  if(isAndriod){
-    var audioEle = document.getElementById("audio");
-    audioEle.play();
-  }
-}
-
-
+  var audioEle = document.getElementById("audio");
+  audioEle.play();
+};
 </script>
 
 <style lang="scss" >
@@ -236,6 +228,10 @@ const playMusic = () => {
   background: linear-gradient(135deg, #f6d365, #fda085);
 }
 
+#__vconsole {
+  visibility: hidden;
+}
+
 #musicBtn {
   @include pos(60px, 60px, 80px, 40px);
   z-index: 99;
diff --git a/src/page/Home/main.js b/src/page/Home/main.js
index 2ce89eb..cbd877b 100644
--- a/src/page/Home/main.js
+++ b/src/page/Home/main.js
@@ -24,13 +24,13 @@ wxShare({
 })
 
 // 测试环境开vconsole
-if(import.meta.env.VITE_MODE!='dev'){
+if (import.meta.env.VITE_MODE != 'dev') {
     const vConsole = new VConsole();
-
 }
 
 
 
+
 app.use(createPinia())
 app.mount('#app')
 console.log('Mode:', import.meta.env.VITE_MODE);