Ionic默认的Tabs模板使用实例


Posted in Javascript onAugust 29, 2016

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就在下面了 并且别的组件工作也正常 

 Ionic默认的Tabs模板使用实例

 Ionic默认的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 相关文章推荐
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
JavaScript函数表达式详解及实例
May 05 Javascript
Angular实现响应式表单
Aug 04 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
js 闭包深入理解与实例分析
Mar 19 Javascript
关于Javascript回调函数的一个妙用
Aug 29 #Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 #Javascript
利用jQuery的动画函数animate实现豌豆发射效果
Aug 28 #Javascript
教你如何在Node.js中使用jQuery
Aug 28 #Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 #Javascript
Node.js 日志处理模块log4js
Aug 28 #Javascript
node.js中 stream使用教程
Aug 28 #Javascript
You might like
PHP的运行机制与原理(底层)
2015/11/16 PHP
PHP实现将多个文件中的内容合并为新文件的方法示例
2017/06/10 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
jquery实现表单获取短信验证码代码
2017/03/13 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
使用Vue制作图片轮播组件思路详解
2018/03/21 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
Python线程之定位与销毁的实现
2019/02/17 Python
Python中一些深不见底的“坑”
2019/06/12 Python
python实现简单五子棋游戏
2019/06/18 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
财务部绩效考核方案
2014/05/04 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
项目建议书
2015/02/04 职场文书
行政经理岗位职责
2015/04/15 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
python中的装饰器该如何使用
2021/06/18 Python
十大最强飞行系宝可梦,BUG燕上榜,第二是飞行系王者
2022/03/18 日漫
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android