美文网首页
微信小程序 TabBar设置默认选中的tab

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

作者: hao_developer | 来源:发表于2023-03-21 19:26 被阅读0次

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

相关文章

网友评论

      本文标题:微信小程序 TabBar设置默认选中的tab

      本文链接:https://www.haomeiwen.com/subject/vfgmrdtx.html