[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’即可

你可能感兴趣的:([Ionic]统一设备样式)