如何将 GSAP 库导入到 Ionic 项目中。只是使用npm 安装 gsap当我通过导入时不起作用
import { TweenMax, TimelineMax} from "gsap";
我使用打字稿。
谢谢
你不需要打字。我在几个项目中使用过它(所有项目都是 Typescript):
- 将要使用的GSAP库放入
assets/javascripts
-
将您的文件包含在src/index.html
像这样的文件:
<script src="assets/javascripts/TweenMax.min.js"></script>
-
导入后,立即声明 GSAP 对象,如下所示(在您将使用它们的所有视图中):
/*
Normal imports here..
*/
import { LoginPage } from "../login/login";
declare var TimelineMax: any;
declare var TweenMax: any;
declare var Power1: any;
@Component({
selector: 'page-profile',
templateUrl: 'profile.html',
providers: [Data, Api, DatePipe]
})
export class ProfilePage {
...
-
像平常一样使用:
...
ionViewDidLoad(){
TweenMax.from(".logo", .5, {
opacity: 0,
y: -72,
ease: Power1.easeOut
});
}
...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)