ionic3 底部tab栏使用自定义图标

Posted rjwx60

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic3 底部tab栏使用自定义图标相关的知识,希望对你有一定的参考价值。

1、在阿里 Iconfont 中命名新图标类名,但要求不能同 app.scss 中现存类名不冲突,随后下载,如本例中命名了 Test:

技术图片

2、复制下载后的 iconfont.css 文件中的 @font-face 同新图标 content 内容如本例的 content:“\\e695”,并在 app.scss 中粘贴引入,其中 content 则作为以下3个新类内容,如下图:

技术图片

3、在 tab.ts 中使用

技术图片

 

技术图片

 

 

整理自:https://blog.csdn.net/qq993284758/article/details/78107412

以上是关于ionic3 底部tab栏使用自定义图标的主要内容,如果未能解决你的问题,请参考以下文章

ionic3 tabs 更改icon 自定义图标

自己的自定义图标未显示在底部导航栏android studio中

Phonegap:在标签栏中添加自定义图标

微信开发者工具只显示底部导航栏

放置图标的底部应用栏问题

小程序自定义底部导航缓存