美文网首页
在使用ionic框架中遇到一个tabs在安卓环境下跑到上面的问题

在使用ionic框架中遇到一个tabs在安卓环境下跑到上面的问题

作者: zyanfly | 来源:发表于2017-07-12 17:58 被阅读0次
    • 使用框架:angular
    • ui框架:ionic
      解决:
      在app.js中配置config
    angular.module('myApp',[]).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('center');
        $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');
        $stateProvider.state('tabs',{
            url:'/tabs',
            abstract:true,
            templateUrl:'templates/tabs.html'
        })
    })
    

    本人亲测,完美解决。

    相关文章

      网友评论

          本文标题:在使用ionic框架中遇到一个tabs在安卓环境下跑到上面的问题

          本文链接:https://www.haomeiwen.com/subject/jsobhxtx.html