前言:
承接ITOO即将胜利之风,图书馆项目先进行了开门红。在图书馆这次项目开发中,有很多细节之处得到了验证,接下来请听小编谈谈这渐入动画效果实现。
正文:
以ITOO为例,三步搞定。
第一。下载动画库
第二,登录组件呈现渐入效果:
1.修改:login.component.ts
import { fadeIn } from '../animations/fade-in';
import {
FormBuilder,
FormGroup,
Validators
} from '@angular/forms';
import { InterceptorService } from '../shared/interceptor.service';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css'],
providers: [ AuthGuardService ],
animations: [ fadeIn ]
})
2.编辑login.component.html
<body [@fadeIn]></body>
在相应的标签里面引入即可。
结语:
一款好的产品上线宏观把控比不可少,微观掌握不可或缺,细节之处考量周全。