AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

Ionic默认的Tabs模板使用实例

51自学网 http://www.wanshiok.com
Ionic,Tabs,模板

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,模板  
上一篇:深入理解React中es6创建组件this的方法  下一篇:关于Javascript回调函数的一个妙用