ionic改变返回箭头样式

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/houjunkang363/article/details/82963853

1.定义图标

在theme目录下创建icons.scss专门定义图标

.ion-ios-backwhite { content: url("../assets/imgs/back_white.svg");}

我用的是svg图，用png图也可以，经测试20px*20px适配性最好

2.导入icons.scss

在variables.scss中导入icons.scss

@import "icons.scss";

3.使用

<ion-header>

<ion-toolbar color="primary">

<button ion-button clear small navPop>

<ion-icon ios="ios-backwhite"></ion-icon>

</button>

<ion-title>支付中心</ion-title>

</ion-toolbar>

</ion-header>

navPop的作用是点击触发返回

图标用的ios风格（iconMode: 'ios'），md风格同理。