ionic改变返回箭头样式

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风格同理。

如果内容对您有帮助，请打赏我吧，您的支持是我更新的最大动力！

扫码关注我吧：