zoukankan      html  css  js  c++  java
  • 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开发有兴趣的朋友有所帮助。

  • 相关阅读:
    01 HTTP协议_servlet基础
    JS 08表单操作_表单域
    09 多态
    JS 07 Dom
    JS 06 bom 框窗_页面_定时任务
    JS 05 json
    08 包_继承
    JS 04 Date_Math_String_Object
    【Java每日一题】20161018
    【Java每日一题】20161017
  • 原文地址:https://www.cnblogs.com/quickcodes/p/Ionic-Tabs.html
Copyright © 2011-2022 走看看