结果图
图标
笔者建议使用阿里图标库-Iconfont哦
链接为:
https://www.iconfont.cn/
选择自己喜欢的图标,放到文件夹icon,然后将其放于开发文件目录里
代码
修改全局配置文件app.json
{ "pages": [
"pages/home/home",
"pages/about/about" ],
"tabBar": {
"list": [
{
"pagePath": "pages/home/home",
"text": "home",
"iconPath": "icon/home.png",
"selectedIconPath": "icon/home.png"
},
{
"pagePath": "pages/about/about",
"text": "about",
"iconPath": "icon/about.png",
"selectedIconPath": "icon/about.png"
}
]
"color": "#000000",
"selectedColor": "#ffffff",
"backgroundColor": "#ff5533"
}
}
其他相关属性请查看开发者文档:
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window