From de023d9c2e620dee99a45d487ba201a9aac56d1a Mon Sep 17 00:00:00 2001
From: Andy Leong <andyleong007@gmail.com>
Date: Thu, 11 Jan 2024 16:10:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=B8=8A=E4=B8=80=E9=A1=B5?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8CBGM=E8=87=AA=E5=8A=A8=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Question.vue | 33 ++++++++++++++++++++++++---------
 src/page/Home/App.vue       |  4 +++-
 src/page/Home/main.js       |  1 -
 src/plugins/index.js        | 19 +++++++++++++++++++
 4 files changed, 46 insertions(+), 11 deletions(-)

diff --git a/src/components/Question.vue b/src/components/Question.vue
index fb974cc..0c6dfce 100644
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@@ -13,7 +13,7 @@
                 <!-- 查看结果 -->
                 <Button v-if="showResultBtn" @click="showResult">查看结果</Button>
                 <!-- 下一页 -->
-                <Button @click="nextPage">下一页</Button>
+                <Button v-show="currentId != 0" @click="prevePage">上一页</Button>
             </div>
         </div>
     </div>
@@ -40,11 +40,19 @@ const answerFn = (item, event) => {
     activeId.value = item.aid
     debounceTap(e, () => {
         let cid = questionList.value[currentId.value].id
-        answerList.value.push({
-            qid: cid,
-            answer: item.secore,
-            text: item.text
-        })
+        let has = answerList.value.findIndex(obj => obj.qid === cid);
+        if (has == -1) {
+            answerList.value.push({
+                qid: cid,
+                answer: item.secore,
+                text: item.text
+            })
+        } else {
+            answerList.value[has].answer = item.secore
+            answerList.value[has].text = item.text
+        }
+
+        // 更新下一题信息
         if (currentId.value >= 11) {
             Toast('答题结束')
             console.log('答题结束');
@@ -56,7 +64,7 @@ const answerFn = (item, event) => {
             currentId.value++
         }
 
-        // console.log('答案库', answerList.value);
+        console.log('答案库', answerList.value);
 
     })
 }
@@ -80,10 +88,17 @@ const showResult = (event) => {
     })
 }
 
-const nextPage = () => {
-
+// 上一页函数
+const prevePage = (event) => {
+    let e = event.target
+    debounceTap(e, () => {
+        activeId.value = ''
+        currentId.value--
+    })
 }
 
+
+
 </script>
 
 <style lang='scss' scope>
diff --git a/src/page/Home/App.vue b/src/page/Home/App.vue
index 1f66153..b65f815 100644
--- a/src/page/Home/App.vue
+++ b/src/page/Home/App.vue
@@ -11,6 +11,8 @@ import gsap from 'gsap'
 import Loading from "@/components/Loading";
 import Index from "@/components/Index";
 import Question from "@/components/Question";
+import { bgm } from '@/plugins'
+
 
 const showLoad = ref(false);
 const loadFn = (item) => {
@@ -36,7 +38,7 @@ const questionFn = (item) => {
 
 
 onMounted(() => {
-
+  bgm()
 });
 </script>
 
diff --git a/src/page/Home/main.js b/src/page/Home/main.js
index 569fe21..9411b85 100644
--- a/src/page/Home/main.js
+++ b/src/page/Home/main.js
@@ -6,7 +6,6 @@ import { isMobile } from '@/plugins';
 import { wxShare } from '@/plugins/wxshare';
 import VConsole from 'vconsole';
 
-
 const app = createApp(App)
 
 // 定义引入图片地址的全局方法
diff --git a/src/plugins/index.js b/src/plugins/index.js
index 7df3cf1..f2d74c9 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -2,6 +2,8 @@
 import gsap from 'gsap'
 import { Howl, Howler } from 'howler';
 
+
+
 // 初始化
 const btnEnable = ref(true)  //按钮可点击状态
 
@@ -10,6 +12,23 @@ const sound = new Howl({
     src: [new URL(`@/assets/media/click.mp3`, import.meta.url).href]
 });
 
+// 背景音乐
+export function bgm(autoPlay) {
+    let div = document.createElement('div')
+    let audio = document.createElement('audio')
+
+
+
+    div.append(audio)
+    document.body.append(div)
+
+
+
+    // const bgm = new Howl({ src: [new URL(`@/assets/media/bgm.mp3`, import.meta.url).href] });
+    // bgm.play()
+}
+
+
 //是否在微信环境
 export function isWX() {
     var ua = window.navigator.userAgent.toLowerCase();