ionic2 安卓和iOS样式

Posted 2021-05-01 白潞

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

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

   

      

也就是把模式设置为了ios风格，但是有些样式的风格在iOS上太尴尬了，可是某些局部的风格确实受不了安卓的，怎么能在不影响总体的前提下，把安卓的某一个部件换成ios风格的，比如说它的页面头。

解决方案:

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

$cordovaDevice.getPlatform(); 

2 . 根据平台切换样式;

<div ng-class="{true: 'ios', false: 'android'}[isIOS]"></div>