美文网首页
《ionic学习笔记》:设置tabs位于android设备底部

《ionic学习笔记》:设置tabs位于android设备底部

作者: 柳轻言 | 来源:发表于2016-04-21 23:19 被阅读1108次

    ionic是基于phone gap的混合app开发框架。

    项目介绍:ionicionic中国

    因为本人只做过android的开发,所以先在android设备上运行了ionic的demo。在android设备上发现ionic默认的tabs位于设备的顶部,为了把tabs放在设备底部,需要自己改写配置。

    在app.js文件中加入以下代码:

    .config(['$ionicConfigProvider',function($ionicConfigProvider) {

    $ionicConfigProvider.tabs.position('bottom');// other values: top

    }])

    仿微信界面

    这是ionic网站上开源的一个框架,其中tabs设置后的效果如图。

    相关文章

      网友评论

          本文标题:《ionic学习笔记》:设置tabs位于android设备底部

          本文链接:https://www.haomeiwen.com/subject/xjatrttx.html