用angular ui router写的一个小效果。里面的animation没有效果。我不知道是我用的版本的原因还是其他原因。
html页面如下


tab页面内容如下
路由效果是实现了。但是没有animation动画。
跳的四个页面内容均为
这是boundle里面的版本内容
ionic css版本如下
--不知道哪里出的问题。动画出不来。切换页面没有动画
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
tab标签是没有动画的。并且,ion-nav-view没有animation属性。
因为每个tab是对应一个ion-nav-view的,所以多个ion-nav-view切换时没有动画效果的。就像你在微信里,切换“通讯录”和“发现”按钮时,是一样的。
如果你对单个ion-nav-view中设置子页面,在进入这个子页面时是有动画效果的,再比如微信:在“发现”页面,点击“朋友圈”进入是有动画效果的。
加个实例代码:
路由设置:
$stateProvider
.state("tab",{url:"/tab",templateUrl:"view/tab.html", controller : "one"})
.state("tab.m",{
url:"/m",
views:{
"tab-m":{
templateUrl:"view/childPage1.html"
}
}
}).state("tab.m.a",{
url:"/m/a",
views:{
"tab-m":{
templateUrl:"view/a.html"
}
}
});
然后在 childPage1.html 里加个按钮,设置它的跳转路由地址是:ui-sref='tab.m.a'。
在点击按钮的时候,你就能看到动画了。
希望你能帮到你。