开发者社区 问答 正文

ionic animation失效

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




tab页面内容如下

路由效果是实现了。但是没有animation动画。
跳的四个页面内容均为

11111111111
这是boundle里面的版本内容



ionic css版本如下

--不知道哪里出的问题。动画出不来。切换页面没有动画



展开
收起
杨冬芳 2016-06-23 14:24:39 2811 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    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'。
    在点击按钮的时候,你就能看到动画了。

    希望你能帮到你。

    2019-07-17 19:46:15
    赞同 展开评论
问答分类:
问答地址: