24-tabBar配置和iconFont字体图标

在pages.json中配置tabbar

"uniIdRouter": {},
  "tabBar": {
    "list": [
      {
        "text": "首页",
        "pagePath": "pages/index/index"
      },
      {
        "text": "新闻",
        "pagePath": "pages/list/list"
      },
      {
        "text": "用户",
        "pagePath": "pages/user/user"
      }
    ]
  }

iconfont字体图标

iconfont字体图标优先级高于iconPath

下载iconfont字体库

在阿里字体图标库中，选择想要的图标，然后选择他属于哪一个图标库， 在这个图标库中去选择想要的图标吗，全部添加到购物车，然后选择下载至本地，就会得到一个zip包

图标就在这个包里，现在只需要用到ttf文件，就把他复制出来放到static文件夹中，创建一个fonts文件夹，把这个文件放到里面去

有了字体图标之后，在tabbar中引入路径，就可以使用了

  "tabBar": {
    "iconfontSrc": "static/fonts/iconfont.ttf",
    "list": [
      {
        "text": "首页",
        "pagePath": "pages/index/index"
      },
      {
        "text": "新闻",
        "pagePath": "pages/list/list"
      },
      {
        "text": "用户",
        "pagePath": "pages/user/user"
      }
    ]
  }

在iconfont对象里面配置字体图标代码，这个代码在字体图标网站的图标上复制，是这样的：，直接复制过来不能用，要把&#x换成\u,还要删除分号

      {
        "text": "新闻",
        "pagePath": "pages/list/list",
        "iconfont": {
          "text": "\ue737"
        }

iconfont字体图标小程序不支持，小程序要用iconpath，使用本地png图片才行