我想实现登录页面,页面之间切换,有动画效果
文章图片
实现代码
// duration number 450 动画时间 ,
// 当duration为数组是,Array[inTime,outTime],第一个参数表示显示动画过渡时间,第二个表示消失动画过渡时间,当我设置为[450,0]时,实现了无缝切换
{page==='page1' ? [
页面一
] : null}
{page==='page2' ? [
页面二
] : null}
{page==='page3' ? [
页面三
] : null}
【React|ant design页面切换动画】参考链接 An Motion
推荐阅读
- 前端|面试官(谈谈Vue和React的区别())
- react|高德地图的使用及自定义图标
- React|【React Native开发】React Native控件之RefreshControl组件详解(21)
- React|React Native开源项目-嘎嘎商城客户端(持续更新中)
- 工作与生活|2016总结,真正新的里程碑和新起点
- React|【React Native开发】React Native应用设备运行(Running)以及调试(Debugging)(3)
- React|【React Native开发】React Native控件之ListView组件讲解以及最齐全实例(19)
- React|React Native控件之PullToRefreshViewAndroid下拉刷新组件讲解(20)
- React|【React Native开发】React Native控件之Text组件讲解(9)
- react学习之旅|react+antd-mobile之项目构建+基础配置