Ionic默认的Tabs模板使用实例_Javascript教程-查字典教程网
Ionic默认的Tabs模板使用实例
Ionic默认的Tabs模板使用实例
发布时间:2016-12-30 来源:查字典编辑
摘要:Ionic默认的Tabs模板,Android的在上方,IOS的在下方。在www/js/app.js修改配置,添加一个变量,再修改相应属性:....

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开发有兴趣的朋友有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类