微信小程序 | 隐藏底部菜单栏 json中的tabBar

朴灿烈づ我的快乐病毒、 2022-01-28 00:09 4817阅读 0赞

--------------------

> #### 个人记录 ####

--------------------

## 微信小程序 | 隐藏json中的tabBar ##

--------------------

### 一、小程序的app.json中的底部菜单设置 ###

底部菜单栏：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1MTEyNTIz_size_16_color_FFFFFF_t_70]  
代码：

{ 
      "pages": [
        "pages/index/index",
        "pages/login/login"
      ],
      "window": { 
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "微信小程序",
        "navigationBarTextStyle": "black"
      },
      "tabBar": { 
        "color": "#AAAAAA",
        "selectedColor": "#26BAEE",
        "backgroundColor": "#fff",
        "borderStyle": "white",
        "list": [
          { 
            "selectedIconPath": "image/index/ic_home-select.png",
            "iconPath": "image/index/ic_home@2x.png",
            "pagePath": "pages/index/index",
            "text": "首页"
          },
          { 
            "selectedIconPath": "image/index/ic_market-select.png",
            "iconPath": "image/index/ic_market@2x.png",
            "pagePath": "pages/market/market",
            "text": "广告超市"
          },
          { 
            "selectedIconPath": "image/index/ic_order-select.png",
            "iconPath": "image/index/ic_order@2x.png",
            "pagePath": "pages/order/order",
            "text": "订单"
          },
          { 
            "selectedIconPath": "image/index/ic_user-select.png",
            "iconPath": "image/index/ic_user@2x.png",
            "pagePath": "pages/user/user",
            "text": "我的"
          }
        ]
      },
      "sitemapLocation": "sitemap.json",
      "permission": { 
        "scope.userLocation": { 
          "desc": "你的位置信息将用于小程序位置接口的效果展示"
        }
      },
      "networkTimeout": { 
        "request": 5000
      }
    }

--------------------

### 二、隐藏tabBar ###

代码：

wx.hideTabBar()-- 隐藏底部按钮

使用微信小程序API中的 wx.hideTabBar() 方法，直接调用即可  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1MTEyNTIz_size_16_color_FFFFFF_t_70 1]

--------------------

### 三、效果图 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1MTEyNTIz_size_16_color_FFFFFF_t_70 2]

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1MTEyNTIz_size_16_color_FFFFFF_t_70]: /images/20220128/1bc15394bbe145ac803537e9042e2a1d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1MTEyNTIz_size_16_color_FFFFFF_t_70 1]: /images/20220128/f5464ef1767d4b7da068e1dabd99e5d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1MTEyNTIz_size_16_color_FFFFFF_t_70 2]: /images/20220128/af1debc61f43464e996bd8b7756effa8.png