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和jQuery的片段分享
Aug 23 Javascript
jquery中获取元素里某一特定子元素的代码
Dec 02 Javascript
Javascript基础教程之argument 详解
Jan 18 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 Javascript
Vue前端开发规范整理(推荐)
Apr 23 Javascript
详解将微信小程序接口Promise化并使用async函数
Aug 05 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
Nov 12 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缓存类代码(附详细说明)
2011/06/09 PHP
PHP中的output_buffering详细介绍
2014/09/27 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
Display SQL Server Login Mode
2007/06/21 Javascript
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
学习ExtJS fit布局使用说明
2009/10/08 Javascript
javascript 节点遍历函数
2010/03/28 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
2015/04/02 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
js实现表单检测及表单提示的方法
2015/08/14 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
2018/05/16 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
layui复选框限制选择个数的方法
2019/09/18 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
Python2实现的LED大数字显示效果示例
2017/09/04 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
python使用Plotly绘图工具绘制水平条形图
2020/03/25 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
初二政治教学反思
2014/01/12 职场文书
幼儿园消防演练方案
2014/02/13 职场文书
小学教学随笔感言
2014/02/26 职场文书
活动总结报告格式
2014/05/09 职场文书
演讲稿开场白台词
2014/08/25 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
简历自我评价:教师师德表现自我评价
2019/04/24 职场文书
python自动化八大定位元素讲解
2021/07/09 Python
python编程实现清理微信重复缓存文件
2021/11/01 Python
uniapp 微信小程序 自定义tabBar 导航
2022/04/22 Javascript