《Angular之渐入动画》

来源：互联网发布：hp1022n网络打印驱动编辑：程序博客网时间：2024/05/16 06:03

前言：

承接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>

在相应的标签里面引入即可。

结语：

一款好的产品上线宏观把控比不可少，微观掌握不可或缺，细节之处考量周全。

阅读全文

0 0