ionic2 安卓和iOS样式

Posted 白潞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic2 安卓和iOS样式相关的知识,希望对你有一定的参考价值。

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

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

   

      

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

解决方案:

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

$cordovaDevice.getPlatform(); 

2 . 根据平台切换样式;

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




以上是关于ionic2 安卓和iOS样式的主要内容,如果未能解决你的问题,请参考以下文章

ionic2自定义radio样式

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

ionic2/3 踏坑之路

使用内联 CSS 为组件设计样式 - Ionic2、AngularJS

ionic2/3注册安卓返回

没有苹果电脑打包iOS平台的 Ionic 2程序——《Ionic 2 实例开发》更新内容