[Ionic]统一设备样式

Ionic 会根据不同的设备平台使用不同的样式,例如iOS设备使用ios风格样式,Android使用Metrial Design 样式。

有时候项目可能需要统一各个平台的样式。那么我们就需要在app.module.ts加入以下配置.

...

imports: [

    BrowserModule,

    IonicModule.forRoot(MyApp,{

        iconMode: 'ios', // 图标样式使用ios模式。

        mode: 'ios' //整体样式使用ios模式。

    })

],

...

如果需要使用安卓Metrial Design样式,将上面的‘ios’改为‘md’即可。

当然,如果需要单独指定某一个页面或者某一个组件的样式模式。

只要在组件指令标签加入mode=‘ios’即可

<ion-header mode="ios"> </ion-header>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,856评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,315评论 4 61
  • 今天打乱了原本计划的事情。帮助我弟弟找打官司需要的材料,找证据,因为事情挺严重,比较烦心。下傍晚约了朋友带孩去游乐...
    周曼Melaleuca阅读 916评论 0 0
  • 朋友娟说,她有个好朋友过来实习,想去她家住一段时间。考虑到她不定时要出差,若让她朋友一个人呆家会有点不好,...
    bubble的小屋阅读 4,191评论 0 0