uniapp H5 设置tabbar 不显示uniapp H5 设置tabbar 不显示

在 UniApp 开发中，如果你想让底部 tabBar 不显示，可以按照以下步骤操作：

1. **默认配置**：如果你的项目使用了默认提供的 tabBar，可以在 `pages/index.json` 文件中设置 `navigatorStyle` 为 `custom`，表示自定义导航样式，同时移除 tabBar 的相关配置。

{
  "window": {
    "navigatorStyle": "custom",
    "navigationBarBackgroundColor": "#fff", // 设置背景颜色，默认是白色
    "navigationBarTextStyle": "#000", // 文字颜色，默认黑色
    "navigationBarTitleText": "", // 避免默认标题栏出现
    "disableTabBar": true // 关闭 tabBar
  }
}

2. **手动隐藏**：如果你需要在特定页面动态隐藏 tabBar，可以在该页面的 JavaScript 中调用 `this.globalData.disableTabBar = true` 来启用或禁用。

Page({
  onLoad() {
    if (this.someCondition) {
      this.globalData.disableTabBar = true;
    } else {
      this.globalData.disableTabBar = false; // 如果不需要隐藏，则恢复默认状态
    }
  },
  globalData: {
    disableTabBar: false // 初始化全局变量
  }
})

记得在每个页面加载完成后检查条件并调整 tabBar 状态。