码迷,mamicode.com
首页 > 其他好文 > 详细

Ionic Tabs

时间:2016-06-22 21:48:43      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:

Ionic 默认的 Tabs 模板 ,Android的在上方,IOS的在下方。在www/js/app.js修改配置,添加一个变量,再修改相应属性:

.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平台上调试 Tabs就在下面了 并且别的组件工作也正常

技术分享?

技术分享?

特别注意
Cordova的配置一定要正确 尤其是Android ADT
Visual Studio 默认是不配置的
具体参考这篇文章

‘).addClass(‘pre-numbering‘).hide(); \((this).addClass(‘has-numbering‘).parent().append(\)numbering); for (i = 1; i <= lines; i++) { \(numbering.append(\)(‘
‘).text(i)); }; $numbering.fadeIn(1700); }); });
以上就介绍了Ionic Tabs,包括了ionic,tabs方面的内容,希望对IOS开发有兴趣的朋友有所帮助。

 

Ionic Tabs

标签:

原文地址:http://www.cnblogs.com/quickcodes/p/Ionic-Tabs.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!