美文网首页
《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