2 回答

TA貢獻(xiàn)1834條經(jīng)驗 獲得超8個贊
我猜你沒有使用具有最新 Typescript 聲明的 GSAP 3 版本。GSAP 中包含的 Typescript 定義在 3.3 版中得到了重大改進(jìn)。不要使用 @types 聲明,因為它們非常陳舊和過時。我認(rèn)為升級您的 GSAP 版本并卸載 @types 聲明應(yīng)該可以解決您的問題,因為 TimelineMax 是 GSAP 3 中 .timeline() 的便利。
話雖如此,我們 GreenSock 建議您使用GSAP 3 格式。我會像這樣格式化你的代碼:
import Vue from "vue";
import { gsap } from "gsap";
export default Vue.extend({
mounted() {
const timeline = gsap.timeline()
.fromTo(".header__subtitle", {
opacity: 0,
translateY: -30
}, {
duration: 1,
opacity: 1,
translateY: 0,
stagger: 0.2
})
}
});
有關(guān)交錯的更多信息,請查看交錯文檔。
僅供參考,您更有可能在 GreenSock 論壇上獲得更快的響應(yīng)。

TA貢獻(xiàn)1784條經(jīng)驗 獲得超2個贊
好的,為了創(chuàng)建交錯,只需在 fromVars/toVars 添加 {stagger: 0.1}
祝你今天過得愉快 :)
添加回答
舉報