如图所示，页面配置了"navigationStyle": "custom"，电脑端顶上标题会显示“uni-app”标题。navigationBarTitleText配置上也没用。在custom的情况下pc端顶部的标题怎么自定义？
1***@qq.com
- 发布：2023-02-09 09:52
- 更新：2024-07-31 09:41
- 阅读：2326
1***@qq.com (作者)
自定义顶部导航栏，移动端小程序是不会显示uniapp标题，但是电脑端小程序顶部会显示一个uni-app标题，设置了globalStyle的navigationBarTitleText，没有效果，因为navigationStyle为custom时失效，页面级配置也是如此。现在的情况是，我设置navigationStyle为custom后，navigationBarTitleText会失效，小程序移动端正常，因为我是自定义导航栏也用不上。但是！！！，小程序的电脑端顶部会有一个标题，显示的是uni-app。现在想问小程序电脑端怎么解决这个问题
我来回答，亲测有效！！！
不得不说这个问题，在网上没有任何解答，我也是无意中和同事沟通，同事发现的解决办法。
- 抛弃文档，不要看文档，因为这个问题解决的办法文档根本没有写，只需要按照我下面说的一步步照做。
- 打开 pages.json
这是我们自定义的头部 某个页面
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "有鱼招聘助手",
"navigationStyle": "custom",
"onReachBottomDistance": 50
}
}
在pages.json 中建议加上这部分
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "有鱼招聘助手",
"navigationBarBackgroundColor": "#fff",
"backgroundColor": "#F8F8F8"
},
"window": {
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "有鱼招聘助手",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light",
"enablePullDownRefresh": true
},
主要的是 navigationBarTitleText
2.1 只需要先将 "navigationStyle": "custom" 删除掉 然后编译下，预览一遍，在电脑端打开
-
2 "navigationStyle": "custom", 加上再编译一遍预览就好了
-
其中缘由我也说不上来，但是效果弄好了，咱也不知道为什么，只能猜测，因为第一次编译的时候，因为我们是微信小程序是使用自定义头的，在电脑没有标题头，所以使用了 uni-app （我就搜本地源码关键字 uni-app，替换掉）当我们使用 navigationBarTitleText 再次提交时，这是微信小程序有缓存就读到 "navigationBarTitleText": "有鱼招聘助手",
1***@qq.com (作者)
用的自定义顶部导航栏，但是小程序电脑端顶部会冒个uni-app标题，假如不是自定义他就会用navigationBarTitleText的内容
2023-02-09 10:23
瀚海浪亭
回复 1***@qq.com: pages.json里的
globalStyle设置下navigationBarTitleText2023-02-09 17:48
1***@qq.com (作者)
回复 瀚海浪亭: globalStyle设置过，没有效果，因为navigationStyle设置的是custom
2023-02-10 10:47