整合流程

src/components/Question.vue

@@ -82,8 +82,7 @@ const answerFn = (item, event) => {
 const showResult = () => {
 
   gsap.set(".answer-box", { pointerEvents: "none" })
-  // Toast("你的MBTI测试结果:" + mbti);
-  // resultBtnAni.reverse();
+
   gsap.to(".prev-btn", { duration: 0.5, x: "-=20px", autoAlpha: 0 });
   questionOut.timeScale(2);
   questionOut.restart();
@@ -108,6 +107,9 @@ const getRandomNumber = (arr) => {
 // 查看结果事件及动画
 // const resultBtnAni = gsap.timeline({ paused: true });
 onMounted(() => {
+  gsap.from('.question-bg',{duration:0.5,autoAlpha:0,})
+  gsap.from('.question-box',{duration:0.5,scale:0.4,autoAlpha:0,})
+  gsap.to('.question-lantern-icon',{duration:5,transformOrigin:'100% 0%',rotation:'10deg',repeat:-1,yoyo:true,ease:'none'})
 
 
 });
@@ -155,8 +157,8 @@ onMounted(() => {
       <div class="question-gold-icon-2"></div>
     </div>
     <!-- 进度条 -->
-    <!-- <Progress :percentage="(currentId + 1) / 12 * 100" pivot-color="#7232dd" :show-pivot="false"
-      color="linear-gradient(to right, rgb(255 153 153), rgb(221 50 50))" /> -->
+    <Progress :percentage="(currentId + 1) / 3 * 100" pivot-color="#7232dd" :show-pivot="false"
+      color="linear-gradient(to right, rgb(255 153 153), rgb(221 50 50))" />
   </div>
 </template>