update

src/components/Question.vue

@@ -18,6 +18,7 @@ const activeId = ref(""); // 当前题目所选答案选项
 const showResultBtn = ref(false);
 // 答题事件
 const answerFn = (item, event) => {
+  console.log('current：',currentId.value);
   let e = event.target.parentElement.parentElement;
   activeId.value = item.aid;
   debounceTap(e, () => {
@@ -50,6 +51,7 @@ const answerFn = (item, event) => {
           console.log("jieshu");
           Toast("答题结束");
           gsap.set(".answer", { pointerEvents: "none" });
+          
           return;
         } else {
           activeId.value = "";
@@ -73,17 +75,19 @@ const answerFn = (item, event) => {
         answerList.value[has].text = item.text;
         answerList.value[has].aid = item.aid;
       }
-      resultBtnAni.play();
+      // resultBtnAni.play();
+      // 答题结束
+      showResult()
     }
     console.log("答案库", answerList.value);
   });
 };
 
 const mbtiArr = [[], [], [], []]; //四组数组分别存放 E&I，S&T，T&F，J&P四组结果
-const showResult = (event) => {
-  let e = event.target;
+const showResult = () => {
+
   gsap.set(".answer-box", { pointerEvents: "none" });
-  debounceTap(e, async () => {
+
     console.log("答题结果：", answerList.value);
     answerList.value.forEach((element) => {
       if (element.answer == "E" || element.answer == "I")
@@ -115,7 +119,7 @@ const showResult = (event) => {
     }
 
     // Toast("你的MBTI测试结果:" + mbti);
-    resultBtnAni.reverse();
+    // resultBtnAni.reverse();
     gsap.to(".prev-btn", { duration: 0.5, x: "-=20px", autoAlpha: 0 });
     questionOut.timeScale(2);
     questionOut.restart();
@@ -128,7 +132,7 @@ const showResult = (event) => {
         },
       });
     });
-  });
+
 };
 
 // 上一页函数
@@ -139,7 +143,7 @@ const prevePage = (event) => {
       gsap.to(".prev-btn", { duration: 0.5, x: "-=20px", autoAlpha: 0 });
     }
     if (currentId.value >= 11) {
-      resultBtnAni.reverse();
+      // resultBtnAni.reverse();
       gsap.set(".answer", { pointerEvents: "initial" });
     }
     activeId.value = "";
@@ -170,14 +174,14 @@ const questionOut = gsap.timeline({
 });
 
 // 查看结果事件及动画
-const resultBtnAni = gsap.timeline({ paused: true });
+// const resultBtnAni = gsap.timeline({ paused: true });
 onMounted(() => {
   // 适配
   if (!judgeBigScreen()) {
     gsap.set(".answer-box", { scale: 0.9, marginTop: "-20px" });
   }
 
-  resultBtnAni.from(".showResult-btn", { y: 200, autoAlpha: 0 });
+  // resultBtnAni.from(".showResult-btn", { y: 200, autoAlpha: 0 });
   questionEntry
     .from(".question", { y: 100, autoAlpha: 0 })
     .from(".answer-0", {
@@ -278,7 +282,7 @@ onMounted(() => {
             </div>
           </div>
           <!-- 查看结果 -->
-          <div class="showResult-btn" @click="showResult"></div>
+          <!-- <div class="showResult-btn" @click="showResult"></div> -->
           <!-- 上一页 -->
           <div class="prev-btn" @click="prevePage($event)"></div>
         </div>