ionic tabs图标更换
1.定义图标
在theme目录新建一个icons.scss,专门用来定义自定义图标。
.ion-ios-tab1-outline:before { content: url(“../assets/imgs/tab1.svg”);} 默认图片
.ion-ios-tab1:before { content: url(“../assets/imgs/tab1_press.svg”);} 按下图片
我用的是svg图,用png图也可以,经测试25px*25px适配最好
2.导入icons.scss
在variables.scss中导入icons.scss
@import “icons.scss”;
3.使用
图标风格我用的是ios风格(iconMode: ‘ios’),md风格同理
扫码关注我吧:
还没有评论,来说两句吧...