默认在ionic3中,返回的样式是 back,但是我们想自定义一下,所以就 需要开到了,可以 通过修改app.module.ts的方式来搞定这件事。

修改方法

其实只是配置了IonicModule里面的backButtonText和backButtonIcon 两个属性,即可完成返回按钮的样式。

imports: [
    BrowserModule,
    //导入HttpModule
    HttpModule,
    //设定返回的样式
    IonicModule.forRoot(MyApp,{
      backButtonText: '返回',//按钮内容
      backButtonIcon: 'arrow-dropleft-circle',//按钮图标样式
    }),
  ],

实现效果

ionic3之自定义返回菜单的样式-yellowcong_自定义