uniapp使用字体图标 ttf svg作为选项图标，还支持变色变图按

康康爹

已于 2024-10-03 16:07:42 修改

阅读量192

点赞数 1

文章标签： uni-app

于 2024-10-03 15:51:50 首次发布

本文链接：https://blog.csdn.net/oMangGuoBuDing1/article/details/142692465

版权

在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"
				      		}
			},