整合流程

src/components/Result.vue

@@ -2,7 +2,6 @@
 import { gsap } from "gsap";
 import { debounceTap } from "@/plugins";
 import { useMainStore } from "@/store";
-import { mbtiList } from "@/data";
 import { posterCreate } from "@/plugins";
 import { Toast } from "vant";
 import QRCode from "qrcode";
@@ -40,6 +39,55 @@ onMounted(() => {
         autoAlpha: 0,
     });
 
+    gsap.from(".result-larnten-box", {
+        duration: 0.7,
+        scale: 1.4,
+        autoAlpha: 0,
+    });
+    gsap.from(".result-larnten", {
+        duration: 0.7,
+        scale: 0.7,
+        autoAlpha: 0,
+    });
+    gsap.from(".result-blessing-1", {
+        duration: 0.7,
+        y: -30,
+        autoAlpha: 0,
+        delay:0.5
+    });
+    gsap.from(".result-blessing-2", {
+        duration: 0.7,
+        y: -30,
+        autoAlpha: 0,
+        delay:0.7
+    });
+    gsap.from(".result-product", {
+        duration: 0.7,
+        y: -30,
+        autoAlpha: 0,
+        delay:1
+    });
+    gsap.from(".result-tips", {
+        duration: 0.7,
+        y: -30,
+        autoAlpha: 0,
+        delay:1.2
+    });
+    gsap.from(".create-poster", {
+        duration: 0.7,
+        y: -30,
+        autoAlpha: 0,
+        delay:1.4,
+        onComplete:()=>{
+            // gsap.to('.result-larnten',{duration:5,transformOrigin:'50% 0%',rotation:'10deg',repeat:-1,yoyo:true,ease:'none'})
+            let gl = gsap.timeline({repeat:-1,yoyo:true})
+            gl.to('.result-larnten',{duration:1,transformOrigin:'50% 0%',rotation:'3deg',ease:'none'})
+            gl.to('.result-larnten',{duration:1,transformOrigin:'50% 0%',rotation:'0deg',ease:'none'})
+            gl.to('.result-larnten',{duration:1,transformOrigin:'50% 0%',rotation:'-3deg',ease:'none'})
+            // gsap.fo('.result-larnten',{duration:5,transformOrigin:'50% 0%',rotation:'10deg',repeat:-1,yoyo:true,ease:'none'})
+
+        }
+    });
 });
 
 // 生成海报逻辑