怎麽單獨為ionic2應用的某一組件設置兩個平臺一致的樣式
阿新 • • 發佈:2017-05-12
問題 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應用的某一組件設置兩個平臺一致的樣式