源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Ionic默认的Tabs模板使用实例

  • 时间:2022-12-23 18:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要: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就在下面了 并且别的组件工作也正常   [img]http://files.jb51.net/file_images/article/201608/201682991446261.jpg?20167299154[/img]  [img]http://files.jb51.net/file_images/article/201608/201682991512352.jpg?201672991518[/img] [b]特别注意 [/b]Cordova的配置一定要正确 尤其是Android ADT Visual Studio 默认是不配置的 具体参考这篇文章  
[u]复制代码[/u] 代码如下:
').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开发有兴趣的朋友有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部