uni指定页面不显示tabbar

如果您正在使用uni-app开发小程序或APP，可以通过在指定页面的vue文件中设置`<style>`样式来隐藏或显示tabbar。

例如，如果您想在页面中隐藏tabbar，可以在`<style>`标签中添加如下样式：

<template>
  <!-- 页面内容 -->
</template>

<script>
export default {
  // 页面配置
}

<style>
/* 隐藏tabbar */
.uni-tabbar {
  display: none;
}
</style>

如果您想在页面中显示tabbar，可以将上述样式修改为：

/* 显示tabbar */
.uni-tabbar {
  display: flex;
}

请注意，以上方法仅适用于uni-app开发的小程序或APP，如果您使用的是其他开发框架或技术，可能需要采用不同的方法来隐藏或显示tabbar。

相关问题

uni tabbar 页面跳转tabbar页面

对于uni tabbar页面之间的跳转，有以下几种方式可以实现：

1. 使用uni.switchTab()方法：该方法用于在不含有tabBar的页面跳转到含有tabBar的页面。通过指定目标页面的url，可以实现跳转。例如，要跳转到首页，可以使用以下代码：

uni.switchTab({
  url: '/pages/index/index'
})

这将会跳转到含有tabBar的首页页面。

2. 使用uni.reLaunch()方法：该方法用于在含有tabBar的页面跳转到不含有tabBar的页面。同样，通过指定目标页面的url，可以实现跳转。例如，要跳转到某个子页面后再返回到首页，可以使用以下代码：

uni.reLaunch({
  url: '/pages/index/index'
})

这将会先关闭所有页面，然后重新打开含有tabBar的首页页面。

综上所述，通过uni.switchTab()和uni.reLaunch()方法可以实现uni tabbar页面之间的跳转。具体使用哪种方法取决于页面是否含有tabBar。

uni-app如何自定义tabbar

Uni-app提供了自定义tabbar的功能，可以通过修改pages.json文件中的"tabBar"字段来实现。具体操作步骤如下：

1.在pages.json文件中添加"tabBar"字段，指定自定义tabbar所需要的配置，例如：

"tabBar": {
  "color": "#999999",
  "selectedColor": "#007AFF",
  "borderStyle": "#ffffff",
  "backgroundColor": "#ffffff",
  "position": "bottom",
  "custom": true,
  "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "static/tabbar/home.png",
      "selectedIconPath": "static/tabbar/home_selected.png"
    },
    {
      "pagePath": "pages/mine/mine",
      "text": "我的",
      "iconPath": "static/tabbar/mine.png",
      "selectedIconPath": "static/tabbar/mine_selected.png"
    }
  ]
}

其中，"list"字段指定了自定义的tabbar的页面路径、文本、图标等信息。

2.在App.vue文件中添加一个全局组件"custom-tabbar"，用于渲染自定义tabbar。例如：

<template>
  <view>
    <router-view/>
    <custom-tabbar />
  </view>
</template>

<script>
import customTabbar from "@/components/custom-tabbar.vue";

export default {
  components: {
    customTabbar
  }
}
</script>

3.在自定义tabbar组件中实现相应的业务逻辑，例如切换页面等。

以上就是Uni-app自定义tabbar的实现方法，可以根据实际需求自由发挥。