iconfont 图标如何在uniapp中的tabBar使用

注意： 小程序并不支持tabBar中 设置 iconfont

1. 材料准备

1. 首先进入字体图标网址：iconfont-阿里巴巴矢量图标库；（如果你没有登入，记得登入一下）

2. 把图标添加入购物车

3. 添加到购物车之后-（右上角）点击购物车-（右下角）点击下载代码

4. 下载后是一个压缩包-在里面找到 iconfont.ttf（这就是我们要用材料） 文件

备注：添加至项目之后，你可以看到图标的编码，已经图标的样式便于你的使用

2. 进入uniapp 项目

1. 找到static 文件夹，在里面新建-fonts文件夹- 把iconfont.ttf 文件复制进去

3. 找到pages.json 文件

1. 在pages.json 文件中找到tabBar 对象，按需写入一下代码

   "tabBar": {"color": "#ccc","selectedColor":"red",// 引入字体图标库"iconfontSrc": "static/fonts/iconfont.ttf","list": [{"pagePath": "pages/index/index","text": "首页",// 优先级高于 iconPath，该属性依赖 tabbar 根节点的 iconfontSrc"iconfont": { "text": "\ue605", //  这是图标原始的编码"selectedText": "\ue605", //"fontSize": "17px",  // 图标大小"color": "#333", // 未选中时，图标的颜色"selectedColor": "red" // 选中时，图标的颜色}}]},

   ###  使用效果