react+umijs+ant Motion开发动效网站

前言：在给公司开发官网时发现一个很好用的动效组件，分享一下。

一、搭建框架

可以自己搭建也可以使用ant Motion->动效模板->文档里教程去搭建框架。我是直接使用文档里umi的demo改的。

二、使用ant Motion实现动效

1.组件使用

根据自己的需要下载组件引入就可以使用了。

2.动效模版使用

ant Motion头部选项栏有个动效模板，点进去可以看到已经做好的页面，这些页面或页面模块可以编辑，编辑可以修改文字、图片、样式、布局等等，然后编辑器有下载代码的按钮，之后将代码放进放到我们自己的框架里就可以了；如果觉得不好编辑也可以将模版先下载到项目中再改动。

编辑样例：

总结

工作总结，如有不足，欢迎评论