今天在繼續項目的過程當中,發現ionic2在顯示樣式上是根據不一樣的平臺採用不一樣的樣式,使在不一樣平臺上的應用保持相應的風格,因而問題來了。android
ios的風格比較好看,android的風格略微不如ios的,因此想統同樣式,網上搜了一下,有這個方法ios
//在app.module.ts文件中 imports: [ IonicModule.forRoot(MyApp, { backButtonText: '', iconMode: 'ios', mode: 'ios', }), ],
可是這樣子在android下頭部的樣式會偏高,能夠採用以下樣式解決問題
app
.platform-android5,.platform-android6,.platform-android7{ //安卓頭部狀態欄偏高 //ion-header { // padding-top: $cordova-md-statusbar-padding; // //} .toolbar-ios{ padding-top: 0; padding-bottom: 0; }