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 相关文章推荐
枚举JavaScript对象的函数
Dec 22 Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
js控制分页打印、打印分页示例
Feb 08 Javascript
JS实现的样式切换功能tableCSS实例
Dec 30 Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
微信小程序实现下拉刷新和轮播图效果
Nov 21 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
JS实现li标签的删除
Apr 12 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
Jul 25 Javascript
使用vant的地域控件追加全部选项
Nov 03 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
一个改进的UBB类
2006/10/09 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
Yii2中datetime类的使用
2016/12/17 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/01/13 Javascript
JS俄罗斯方块,包含完整的设计理念
2010/12/11 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
Node.js读取文件内容示例
2017/03/07 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
vue内置组件component--通过is属性动态渲染组件操作
2020/07/28 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
python获取远程图片大小和尺寸的方法
2015/03/26 Python
Python使用文件锁实现进程间同步功能【基于fcntl模块】
2017/10/16 Python
python装饰器-限制函数调用次数的方法(10s调用一次)
2018/04/21 Python
numpy.std() 计算矩阵标准差的方法
2018/07/11 Python
Python中@property的理解和使用示例
2019/06/11 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
Python多个装饰器的调用顺序实例解析
2020/05/22 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
python3爬虫中异步协程的用法
2020/07/10 Python
竞选团支书演讲稿
2014/04/28 职场文书
体育活动总结范文
2014/05/04 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis