[Ionic]统一设备样式

2017-12-11  本文已影响0人  TT_拓泥

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>

上一篇下一篇

猜你喜欢

热点阅读