在staic目录下有一些ttf文件,如uni.ttf,iconfont.ttf 这些文件中保存这字体svg的源码们,我们也可以在网上找其他的。这些就是我们要显示的突图标的 显示来源。这样不用使用png图标,选中不选中还得用两个图片
我的具体使用如下
"tabBar": {"color": "#7A7E83","selectedColor": "#007AFF","borderStyle": "black","backgroundColor": "#F8F8F8","iconfontSrc":"static/uni.ttf","list": [{"pagePath": "pages/tabBar/component/component","iconPath": "static/c1.png","selectedIconPath": "static/c1.png","text": "功能1","iconfont": { // 优先级高于 iconPath,该属性依赖 tabbar 根节点的 iconfontSrc"text": "\ue534","selectedText": "\ue230","fontSize": "16px","color": "#000000","selectedColor": "#0000ff"}},
编码我是在page.json中随机找的,以后有好方法再记录
FontForge on Windows 一个软件
比如上面这个图标就填写上 "selectedText": "\ue8e5", 试验么问题
windows 查看ttf字体_如何查看ttf中字符-CSDN博客
以下是选中效果和非选中效果的实际效果展示
下面是官网的解释