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

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

作者: Accepted_ | 来源:发表于2020-11-24 19:01 被阅读0次

    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"
      ],
    }
    
    进入界面默认显示"消息"

    相关文章

      网友评论

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

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