Ionic默认的Tabs模板使用实例

更新时间：2016年08月29日 09:12:18 作者：Mac.Manon

这篇文章主要为大家详细介绍了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开发有兴趣的朋友有所帮助。

您可能感兴趣的文章:

JS原型、原型链深入理解
这篇文章主要针对javascript中的原型、原型链深入理解，原型是JavaScript中一个比较难理解的概念，本文为大家解决这个难题，感兴趣的小伙伴们可以参考一下
2016-02-02
javascript中的正则表达式使用详解
之前讲了javascript对正则表达式的实现方式了，只定义了正则表达式，但是如何在javascript中真正使用正则表达式呢？在javascript中RegExp和String对象都有处理正则表达式的方法。
2015-08-08
全面解析Bootstrap弹窗的实现方法
这篇文章全面解析Bootstrap弹窗的实现方法，对其结构进行详细分析，感兴趣的小伙伴们可以参考一下
2015-12-12
createElement和onclick
createElement和onclick...
2006-11-11
深入理解JavaScript系列（26）：设计模式之构造函数模式详解
这篇文章主要介绍了深入理解JavaScript系列（26）：设计模式之构造函数模式详解,本文讲解了基本用法、构造函数与原型、只能用new吗？、强制使用new、原始包装函数等内容,需要的朋友可以参考下
2015-03-03
网络之美 JavaScript中Get和Set访问器的实现代码
前两天IE9 Beta版发布了，对于从事Web开发的朋友们来说真是个好消息啊，希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器，和C#中的访问器非常相似。
2010-09-09
js 函数性能比较方法
在学习js过程中,经常会遇到同样一个功能点这样实现也可以,那样实现也可以。但是哪个方式最优呢
2020-08-08
JS实现随机数生成算法示例代码
JS实现随机数生成算法的方法有很多，本文为大家介绍一个比较不错的方法，代码如下，感兴趣的朋友可以参考下，希望对大家有所帮助
2013-08-08
js处理层级数据结构的方法小结
本文主要介绍了js处理层级数据结构的方法。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
js实现导航栏中英文切换效果
本篇文章主要分享了javascript实现导航栏中英文切换效果的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧
2017-01-01