在小程序项目的app.json文件夹下,实现小程序底部导航+页面切换
小程序官方文档:
可以查看具体配置参数含义
tabBar默认两个Tab,最多5个Tab
"tabBar": {
"borderStyle": "white",
"selectedColor": "#FBC02D",
"color": "#8a8a8a",
"position": "top",
"list": [
{
"pagePath": "pages/home/index",
"text": "广场",
"iconPath": "pages/images/square.png",
"selectedIconPath": "pages/images/square_selected.png"
},
{
"pagePath": "pages/publish/publish",
"text": "发布",
"iconPath": "pages/images/publish.png",
"selectedIconPath": "pages/images/publish_selected.png"
},
{
"pagePath": "pages/message/message",
"text": "消息",
"iconPath": "pages/images/message.png",
"selectedIconPath": "pages/images/message_selected.png"
},
{
"pagePath": "pages/my/my",
"text": "我的",
"iconPath": "pages/images/my.png",
"selectedIconPath": "pages/images/my_selected.png"
}
]
}