微信小程序 TabBar设置默认选中的tab
2020-11-24 本文已影响0人
Accepted_
app.json
中,tabbar按照如下写法,进入界面默认选择第一个tab(代码中为“首页”tab)(代码已去掉不相关的逻辑)
{
"pages": [
"Main/Main/Main",
"Message/Message/Message",
"Me/Me/Me"
],
"tabBar": {
"list": [
{
"selectedIconPath": "image/main_select.png",
"iconPath": "image/main.png",
"pagePath": "Main/Main/Main",
"text": "首页"
},
{
"selectedIconPath": "image/message_select.png",
"iconPath": "image/message.png",
"pagePath": "Message/Message/Message",
"text": "消息"
},
{
"selectedIconPath": "image/me_select.png",
"iconPath": "image/me.png",
"pagePath": "Me/Me/Me",
"text": "我的"
}
]
}
}
进入界面默认选中"首页"
如果想修改默认选中的tab,只需要修改"pages"数组里的顺序即可。放在前面的会优先选中。
比方说我想优先展示“消息”(Message)界面,将pages里的界面改成如下顺序即可。
{
"pages": [
"Message/Message/Message",
"Main/Main/Main",
"Me/Me/Me"
],
}
进入界面默认显示"消息"