微信小程序 TabBar设置默认选中的tab

2023-03-21  本文已影响0人  hao_developer

app.json中,tabbar按照如下写法,进入界面默认选择第一个tab(代码中为“首页”tab)(代码已去掉不相关的逻辑)

{
  "pages": [
    "Main/index",
    "Message/index",
    "Me/index"
  ],

  "tabBar": {
    "list": [
      {
        "selectedIconPath": "image/main_select.png",
        "iconPath": "image/main.png",
        "pagePath": "Main/index",
        "text": "首页"
      },
      {
        "selectedIconPath": "image/message_select.png",
        "iconPath": "image/message.png",
        "pagePath": "Message/index",
        "text": "消息"
      },
      {
        "selectedIconPath": "image/me_select.png",
        "iconPath": "image/me.png",
        "pagePath": "Me/index",
        "text": "我的"
      }
    ]
  }
}
image.png

如果想修改默认选中的tab,只需要修改"pages"数组里的顺序即可。放在前面的会优先选中。
比方说我想优先展示“消息”(Message)界面,将pages里的界面改成如下顺序即可。

{
 "pages": [
    "Message/index",
    "Main/index",
    "Me/index"
  ],
}
image.png
上一篇 下一篇

猜你喜欢

热点阅读