1. 背景
9月的时候，为单页试图引擎 Cyra 2.1.0 版本增加了一个创建视图切换动画的功能，使得 i 版页面之间切换也可以有一个滑入滑出的效果。一直没有时间做一个梳理，现在记录一下。最终的效果如图：
补充：悲剧，刚修复了一个 bug，如果想要设置ANIMATION_FUNC，则需要升级到v2.1.4。
2. 思路
其实思路比较简单，就是在 Router 中控制。首先，将所有视图容器position都设置为absolute。当切入视图完全渲染出来后（也就是执行完willAppear钩子函数），设置当前展示视图和即将展示的视图两者的 animation CSS 属性，在 animation 中修改视图容器的translateX来实现动画效果。
因为每个视图容器是单例的（Mix 页除外），当项目中出现循环路径，如：
View A -> View B -> View C -> View A
或者当 A 和 C 是同一个视图，只是数据不同。这种情况下，如果视图右滑，也就是用户主动通过点击“返回”按钮进入（返回）前一个视图时，当前视图向右滑出。如果滑出后不修改它