uniapp小程序自定义导航栏，在h5端中运行没有效果

可能是因为在h5端中，uniapp小程序自定义导航栏需要在manifest.json文件中进行配置。您可以按照以下步骤进行设置：

1. 在manifest.json文件中添加"custom"字段，并设置为true，如下所示：

{
  "custom": true,
  "pages": [
    ...
  ]
}

2. 在App.vue文件中添加以下代码，设置自定义导航栏的样式和内容：

<template>
  <div>
    <div class="custom-navbar">自定义导航栏</div>
    <router-view/>
  </div>
</template>

<style>
.custom-navbar {
  height: 44px;
  background-color: #007aff;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 44px;
}
</style>

请注意，这只是一个示例代码，您可以根据自己的需求进行修改。

3. 在main.js文件中添加以下代码，禁用系统导航栏：

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

// 禁用系统导航栏
uni.hideNavigationBarLoading()
uni.hideNavigationBarMenu()
uni.hideHomeButton()

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

完成以上步骤后，您的自定义导航栏应该已经可以在h5端中运行了。如果仍然无效，请检查您是否正确配置了manifest.json文件和相关代码。