ionic是基于phone gap的混合app開(kāi)發(fā)框架。
項(xiàng)目介紹:ionic,ionic中國(guó)
因?yàn)楸救酥蛔鲞^(guò)android的開(kāi)發(fā),所以先在android設(shè)備上運(yùn)行了ionic的demo。在android設(shè)備上發(fā)現(xiàn)ionic默認(rèn)的tabs位于設(shè)備的頂部,為了把tabs放在設(shè)備底部,需要自己改寫(xiě)配置。
在app.js文件中加入以下代碼:
.config(['$ionicConfigProvider',function($ionicConfigProvider) {
$ionicConfigProvider.tabs.position('bottom');// other values: top
}])

仿微信界面
這是ionic網(wǎng)站上開(kāi)源的一個(gè)框架,其中tabs設(shè)置后的效果如圖。