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

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

项目介绍:ionic,ionic中国

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

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

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

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

}])


《ionic学习笔记》:设置tabs位于android设备底部_第1张图片
仿微信界面


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

你可能感兴趣的:(《ionic学习笔记》:设置tabs位于android设备底部)