首先,将icon添加到自己项目中。选择font calsss 点击下载到本地
![](https://img.haomeiwen.com/i27493437/89b7b0e80d6b266a.png)
在项目的static文件夹下面。新建一个icon文件夹,将下载的文件解压这个文件夹下面
![](https://img.haomeiwen.com/i27493437/ba7ef1de17748035.png)
点击iconfont.css文件,修改路径,不然会报错
![](https://img.haomeiwen.com/i27493437/69ee8ee5d4b4d4cd.png)
在App.vue文件中,引入iconfont.css
![](https://img.haomeiwen.com/i27493437/10f48e814d1acf59.png)
在page.json文件中配置tabbar
这里注意!!!!!!
iconfont对象的text属性值 如何获取
![](https://img.haomeiwen.com/i27493437/dfd15d6f60b31924.png)
![](https://img.haomeiwen.com/i27493437/1afc1a480d7a61ea.png)
本文标题:uniapp引入iconfont并在底部tabbar使用
本文链接:https://www.haomeiwen.com/subject/rcaaartx.html
网友评论