it营大地专栏

ionic4 配置android ios使用一套css样式

发布于 1 年前 作者 phonegap100 389 次浏览 最后一次编辑是 1 年前 来自 分享

ionic4项目中如何让 android ios使用一套css样式呢?

首先找到全局根目录 app.module.ts ,然后在根模块的IonicModule.forRoot中就可以配置android ios使用一套css样式。

默认情况跟模块是这样的,代码如下:

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot({}), AppRoutingModule,HttpClientModule],
  providers: [
    StatusBar,
    SplashScreen,
    HttpserviceService,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})

现在我们想让android ios都使用ios的样式,那么进行如下配置:

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot({
    mode:'ios',  //配置android ios 都使用一个样式
    backButtonText:"返回"  //配置默认的返回按钮
  }), AppRoutingModule,HttpClientModule],
  providers: [
    StatusBar,
    SplashScreen,
    HttpserviceService,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})

这样配置完成后我们的ionic4 项目在android ios 上面就使用一样的样式了。

回到顶部