美文网首页
在使用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