IONIC WebApp之tabs框架样式修改

最新推荐文章于 2024-04-25 10:57:41 发布

fiveminus

最新推荐文章于 2024-04-25 10:57:41 发布

阅读量2.6k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/nobmr/article/details/52149594

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

IONIC调试过程中的Android和IOS样式有所不同，需要调整下。

主要代码：

.config(['$ionicConfigProvider',function($ionicConfigProvider){
    $ionicConfigProvider.platform.ios.tabs.style('standard');
    $ionicConfigProvider.platform.ios.tabs.position('bottom');
    $ionicConfigProvider.platform.android.tabs.style('standard');
    $ionicConfigProvider.platform.android.tabs.position('standard');
    
    $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('Back').icon('ion-android-arrow-back');
    //$ionicConfigProvider.platform.android.backButton.previousTitleText('').icon('ion-ios-arrow-thin-left');
    
    $ionicConfigProvider.platform.ios.views.transition('ios');
    $ionicConfigProvider.platform.android.views.transition('android');
}])