vue-router切换页面如何根据不同的场景设定不同的动画,比如根据前进和后退设定不同的动画
目前我的思路只能设定一种动画,比如前进(跳转)的动画,如下:
路由:
样式:
.back-transition {
transition: transform .5s ease;
}
.back-enter{
transform: translate(100%,0);
}
.back-leave {
transform: translate(-100%,0);
}
这样的话,后退和跳转页面 始终都是同一种动画。
我需要的是,不同的跳转(主要就是区分前进和后退),可以设定不同的动画。最终效果是ios app 的切换动画。
应该怎么做?
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
移动端这么做性能堪忧啊,尤其是安卓版微信...