微信小程序页面不现实Tabbar

最新推荐文章于 2024-06-02 21:01:37 发布

yu_sheng_

最新推荐文章于 2024-06-02 21:01:37 发布

阅读量1.5k

点赞数

文章标签：微信

本文链接：https://blog.csdn.net/yushengphper/article/details/77881012

版权

当在app.json中配置好Tabbar后，页面无法显示Tabbar。原因是page的第一个页面未包含在tabbar列表中。解决方法是确保Tabbar列表中的页面位于page配置的首位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有的时候在app.json中定义好了Tabbar，但是页面却怎么也不显示。

原因：在定义app.json中有page、和tabbar两个参数

{
  "pages":[
    "pages/item/item",
    "pages/tag/tag",
    "pages/discuss/discuss",
    "pages/chatting/chatting"
  ],
  "tabBar": {
    "color": "#ffffff",
    "selectedColor": "#00E5FF",
    "backgroundColor": "#607D8B",
    "borderStyle": "#000000",
    "list": [
      {
        "iconPath": "./image/tabbar/item.png",
        "selectedIconPath": "./image/tabbar/item_s.png",
        "pagePath": "pages/item/item",
        "text": "文章"
      },
      {
        "iconPath": "./image/tabbar/tag.png",
        "selectedIconPath": "./image/tabbar/tag_s.png",
        "pagePath": "pages/tag/tag",
        "text": "标签"
      },
      {
        "iconPath": "./image/tabbar/discuss.png",
        "selectedIconPath": "./image/tabbar/discuss_s.png",
        "pagePath": "pages/discuss/discuss",
        "text": "讨论"
      },
      {
        "iconPath": "./image/tabbar/chatting.png",
        "selectedIconPath": "./image/tabbar/chatting_s.png",
        "pagePath": "pages/chatting/chatting",
        "text": "分享"
      }
    ]
  }
}