美文网首页
[Ionic]统一设备样式

[Ionic]统一设备样式

作者: TT_拓泥 | 来源:发表于2017-12-11 09:32 被阅读0次

    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>

    相关文章

      网友评论

          本文标题:[Ionic]统一设备样式

          本文链接:https://www.haomeiwen.com/subject/lqnbixtx.html