我正在制作菜单动画,我想在Tweens中添加缓动效果。在当前设置下,我已经初始化了Tweenlite,并获得了TweenLite附带的一些附加功能(Power0-4缓动等)。 但是,我无法使用nuxt.js和webpack导入任何缓动。
我当前的设置如下:
AppMenu.vue
import TimelineLite from 'gsap/TimelineLite'
//import { Bounce, } from 'gsap/EasePack'
//import Test from 'gsap/umd/EasePack'
//import { Bounce, } from 'gsap/all'
//import { Bounce, } from 'gsap/index'
...
tl.add(
TweenLite.fromTo(
this.$refs.cta.$el,
0.6,
{ opacity: 0, y: 500, },
{ y: 0, opacity: 1, ease: Bounce.EaseIn, }
)
)
nuxt.config.js
transpile: [
'gsap',
'gsap/EasePack',
'gsap/all',
],
每次轻松导入都会导致无法使用的内容...有人可以帮忙吗? :)