小程序底部tabbar自定义不显示

小程序底部tabBar是微信小程序的一种常见的页面导航栏，它默认会显示预设的一些功能选项，如“首页”、“发现”等。如果你想要自定义这个底部导航栏，使其不显示系统提供的默认选项，你可以通过以下步骤操作：

1. **隐藏系统菜单**：在`app.json`文件中，设置`tabBar`配置项，将`custom`属性设置为`true`，然后添加自定义的`list`数组，每个item代表底部的一个标签，可以控制是否显示以及对应的页面路径。

{
  "tabBar": {
    "custom": true,
    "color": "#fff",
    "selectedColor": "#f00",
    "list": [
      { "pagePath": "pages/index/index", "text": "首页", "iconPath": "path/to/icon1.png" },
      // ... 其他自定义项
    ]
  }
}

2. **手动渲染**：如果需要动态生成或调整TabBar的内容，可以在业务逻辑中使用`wx.createSelectorQuery()`创建查询对象，然后选择节点并更新它的样式和内容。

Page({
  onLoad() {
    const query = wx.createSelectorQuery();
    query.select('#custom-tab-bar').update(() => {
      query.finish();
    });
  },
  //...
})

3. **仅在特定场景下隐藏**：如果你希望在某些页面下隐藏TabBar，可以在相应的页面组件里调用`hideTabBar()`方法，当不再需要隐藏时再调用`showTabBar()`。

注意：虽然能通过以上方法自定义，但一定要确保用户体验良好，因为用户可能会期望看到一致的导航结构。如果你完全移除默认的TabBar，可能需要提供其他替代的导航解决方案。