1. 程式人生 > >怎麽單獨為ionic2應用的某一組件設置兩個平臺一致的樣式

怎麽單獨為ionic2應用的某一組件設置兩個平臺一致的樣式

問題 and nbsp 目的 class bsp 組件 過程 ng-

今天在繼續項目的過程中,發現ionic2在顯示樣式上是根據不同的平臺采用不同的樣式,使在不同平臺上的應用保持相應的風格,於是問題來了。

ios的風格比較好看,android的風格略微不如ios的,所以想統一樣式,網上搜了一下,有這個方法

//在app.module.ts文件中
imports: [ 
        IonicModule.forRoot(MyApp, { 
            backButtonText: ‘‘, 
            iconMode: ‘ios‘, 
            mode: ‘ios‘,
        }), 
],

但是這樣子在android下頭部的樣式會偏高,可以采用如下樣式解決問題

.platform-android5,.platform-android6,.platform-android7{      //安卓頭部狀態欄偏高
//ion-header {
// padding-top: $cordova-md-statusbar-padding;
//
//}
.toolbar-ios{
padding-top: 0;
padding-bottom: 0;
}

怎麽單獨為ionic2應用的某一組件設置兩個平臺一致的樣式