uniapp自定义顶部导航栏

uniapp自定义顶部导航栏分以下三步 

1.设置 "navigationStyle": "custom"：

自定义导航栏需要在page.json文件内设置 "navigationStyle": "custom" 属性，添加后自定义导航栏才生效。

2.创建一个自定义导航栏组件：

在uniapp项目的components目录下创建一个名为CustomNavigationBar.vue的组件文件，并在文件中编写以下代码：

3.在页面中使用自定义导航栏组件：

在需要使用自定义导航栏的页面组件中，引入了自定义导航栏组件CustomNavigationBar，并在页面中使用标签来替代原有的导航栏。例如，在pages/home/index.vue文件中，编写以下代码：

总之，自定义导航栏更加灵活多变，根据自己需求进行设置，如果您觉得麻烦可以使用官方组件进行导航栏的定义。