微信小程序 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"
  ],
}
进入界面默认显示"消息"
上一篇下一篇

猜你喜欢

热点阅读