uni-app自定义头部标题（navigationStyle=custom）

1.取消系统自带的导航栏

需要在uni-app的根目录的”pages.json”中设置

"pages": [
{
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "hello",
        "navigationBarTextStyle": "white", 
        "navigationStyle": "custom"
      }
    },
]

2.使用uView自带的Navbar 自定义导航栏

<template>
<view>
<u-navbar
  is-back="true"
  //是否显示导航栏左边返回图标和辅助文字
  :border-bottom="false" 
  title-color="white"
  :background="navbar_bg"
  title="hello"
></u-navbar>
</view>
</template>
<script>
data: () => ({
navbar_bg: {
  'background-color': 'transparent'
}
}),
</script>

结束。