版权声明:本文为博主原创文章,未经博主允许不得转载。 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风格同理。