Ionic默認的Tabs模板使用實例
Ionic 默認的Tabs 模板 ,Android的在上方,IOS的在下方。在www/js/app.js修改配置,添加一個變量,再修改相應(yīng)屬性:
.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {$ionicConfigProvider.platform.ios.tabs.style('standard'); $ionicConfigProvider.platform.ios.tabs.position('bottom'); $ionicConfigProvider.platform.android.tabs.style('standard'); $ionicConfigProvider.platform.android.tabs.position('bottom'); $ionicConfigProvider.platform.ios.navBar.alignTitle('center'); $ionicConfigProvider.platform.android.navBar.alignTitle('left'); $ionicConfigProvider.platform.ios.backButton.previousTitleText('').icon('ion-ios-arrow-thin-left'); $ionicConfigProvider.platform.android.backButton.previousTitleText('').icon('ion-android-arrow-back'); $ionicConfigProvider.platform.ios.views.transition('ios'); $ionicConfigProvider.platform.android.views.transition('android');
然后再在Android平臺上調(diào)試 Tabs就在下面了 并且別的組件工作也正常
特別注意
Cordova的配置一定要正確 尤其是Android ADT
Visual Studio 默認是不配置的
具體參考這篇文章
').text(i)); }; $numbering.fadeIn(1700); }); });
以上就介紹了Ionic Tabs,包括了ionic,tabs方面的內(nèi)容,希望對IOS開發(fā)有興趣的朋友有所幫助。
相關(guān)文章
深入理解JavaScript系列(26):設(shè)計模式之構(gòu)造函數(shù)模式詳解
這篇文章主要介紹了深入理解JavaScript系列(26):設(shè)計模式之構(gòu)造函數(shù)模式詳解,本文講解了基本用法、構(gòu)造函數(shù)與原型、只能用new嗎?、強制使用new、原始包裝函數(shù)等內(nèi)容,需要的朋友可以參考下2015-03-03網(wǎng)絡(luò)之美 JavaScript中Get和Set訪問器的實現(xiàn)代碼
前兩天IE9 Beta版發(fā)布了,對于從事Web開發(fā)的朋友們來說真是個好消息啊,希望將來有一天各個瀏覽器都能遵循統(tǒng)一的標準。今天要和大家分享的是JavaScript中的Get和Set訪問器,和C#中的訪問器非常相似。2010-09-09js處理層級數(shù)據(jù)結(jié)構(gòu)的方法小結(jié)
本文主要介紹了js處理層級數(shù)據(jù)結(jié)構(gòu)的方法。具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01