今天在继续项目的过程中,发现ionic2在显示样式上是根据不同的平台采用不同的样式,使在不同平台上的应用保持相应的风格,于是问题来了。
ios的风格比较好看,android的风格略微不如ios的,所以想统一样式,网上搜了一下,有这个方法
//在app.module.ts文件中
imports: [
IonicModule.forRoot(MyApp, {
backButtonText: '',
iconMode: 'ios',
mode: 'ios',
}),
],
也就是把模式设置为了ios风格,本来觉得挺好,但我用的是安卓机,然后测试了一下,有个弹窗
明显的ios风格,于是乎,感觉安卓机上这个风格实在太过于尴尬,所以想还是用他们各自的总体风格,但是某些局部的风格确实受不了安卓的,特来请教大神们,怎么能在不影响总体的前提下,把安卓的某一个部件换成ios风格的,比如说它的页面头部。谢谢各位大仙了??
1 . 获取平台信息//cordova-plugin-device
2 . 根据平台切换样式;
<div ng-class="{true: 'ios', false: 'android'}[isIOS]"></div>