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": "#000",
           "selectedColor": "#ee2411",
           "backgroundColor":"#eee",
           "fontSize":"12px",
           // 引入字体图标库
           "iconfontSrc": "static/font/iconfont.ttf",
           "list": [
                     {
                      "pagePath": "pages/home/home",
                       "text": "首页",
                       // 优先级高于 iconPath，该属性依赖 tabbar 根节点的 iconfontSrc
                       "iconfont": { 
                               "text": "\ue8c6", 
                               "fontSize": "16px",  
                               // 图标大小
                               "color": "#333", 
                               // 未选中时，图标的颜色
                               "selectedColor": "#ee2411" 
                               // 选中时，图标的颜色
                       }
                   }
           ]
   },
   

   使用效果