微信小程序 | 隐藏底部菜单栏 json中的tabBar
在微信小程序中，`app.json` 文件是项目的配置文件，它定义了小程序的基本信息、页面路由、窗口样式等。其中，`tabBar` 属性用于设置底部菜单栏。
一、小程序的app.json中的底部菜单设置
在 `app.json` 中，`tabBar` 属性是一个对象，它包含了底部菜单栏的基本信息，如图标、文字、颜色等。例如：
```json{
"pages": [
"pages/index/index",
"pages/login/login"
],
"window": {
"backgroundTextStyle": "light",
...
},
"tabBar": {
"list": [
{
"text": "首页",
"pagePath": "pages/index/index",
"iconPath": "/assets/icon_home.png",
"selectedIconPath": "/assets/icon_home_selected.png"
},
{
"text": "登录",
"pagePath": "pages/login/login",
"iconPath": "/assets/icon_login.png",
"selectedIconPath": "/assets/icon_login_selected.png"
}
]
}
}
```
在上面的例子中，`tabBar` 属性定义了一个底部菜单栏，有两个选项：首页和登录。每个选项都有一个图标、文字和颜色。
二、隐藏json中的tabBar
如果你不想显示底部菜单栏，可以在 `app.json` 中设置 `tabBar` 属性为 `null` 或一个空对象，如下：
```json{
"pages": [
"pages/index/index",
"pages/login/login"
],
"window": {
"backgroundTextStyle": "light",
...
},
"tabBar": null}
```
或者：
```json{
"pages": [
"pages/index/index",
"pages/login/login"
],
"window": {
"backgroundTextStyle": "light",
...
},
"tabBar": {}
}
```
在这种情况下，底部菜单栏将不会显示。
三、注意事项
* 如果你设置 `tabBar` 为 `null` 或一个空对象，所有页面都将失去底部菜单栏的功能。
* 如果你只想隐藏某些页面的底部菜单栏，而不是全部页面，可以在每个页面的 `json` 文件中设置 `tabBar` 属性为 `null` 或一个空对象。
四、总结
在微信小程序中，`app.json` 文件定义了项目的基本信息、页面路由、窗口样式等。其中，`tabBar` 属性用于设置底部菜单栏。如果你不想显示底部菜单栏，可以在 `app.json` 中设置 `tabBar` 属性为 `null` 或一个空对象。
五、参考资料
* 微信小程序官方文档：[ 微信小程序 | 隐藏json中的tabBar：[
小程序微信小程序隐藏tabBar隐藏json中的tabBar
