怎么单独为ionic2应用的某一组件设置两个平台一致的样式

今天在继续项目的过程中,发现ionic2在显示样式上是根据不同的平台采用不同的样式,使在不同平台上的应用保持相应的风格,于是问题来了。

ios的风格比较好看,android的风格略微不如ios的,所以想统一样式,网上搜了一下,有这个方法

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

也就是把模式设置为了ios风格,本来觉得挺好,但我用的是安卓机,然后测试了一下,有个弹窗

Image

明显的ios风格,于是乎,感觉安卓机上这个风格实在太过于尴尬,所以想还是用他们各自的总体风格,但是某些局部的风格确实受不了安卓的,特来请教大神们,怎么能在不影响总体的前提下,把安卓的某一个部件换成ios风格的,比如说它的页面头部。谢谢各位大仙了??

阅读 4.1k
1 个回答

1 . 获取平台信息//cordova-plugin-device

$cordovaDevice.getPlatform(); 

2 . 根据平台切换样式;
<div ng-class="{true: 'ios', false: 'android'}[isIOS]"></div>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进