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>
网友评论