uni-app 不支持双标题导航栏，所谓“双标题”是微信h5中document.title与uni-page-head叠加导致的兼容性问题；最简解法是pages.json设navigationstyle: "custom"，或仅隐藏.uni-page-head__title文字。
uni-app 本身不支持“双标题导航栏”这种设计——它没有原生 API 或配置项能同时渲染两个标题行。所谓“双标题”，其实是微信 H5 环境下浏览器顶部标题栏 + uni-app 自带的 uni-page-head 组件叠加导致的视觉重复，不是你主动实现的功能，而是需要消除的兼容性问题。
为什么 H5 在微信里会显示双标题
微信内置浏览器会强制显示 <title></title> 标签内容作为顶部导航栏标题；而 uni-app 默认在页面 DOM 中插入一个 uni-page-head 组件（含返回按钮和标题文本），位置紧贴页面顶部。两者叠加，就出现两行标题。
- 微信原生标题：不可控，只读取 HTML 的
document.title - uni-app 标题栏：
.uni-page-head__title元素，CSS 可见可隐藏 - 这个现象仅出现在微信内置浏览器（
micromessengerUA），Safari、Chrome、App、小程序均无此问题
最简方案：pages.json 配 navigationStyle: "custom"
这是最快、最干净的解法，适用于不需要原生返回按钮的页面（比如首页、活动页）。
- 在
pages.json对应页面的style中加："navigationStyle": "custom" - uni-app 就不会渲染
uni-page-head，自然只剩微信原生标题 - 注意：此时页面顶部空白，需自行用
<view class="nav"></view>实现标题区域，并手动处理状态栏高度（padding-top: var(--status-bar-height)） - 若仍需返回按钮，得自己写逻辑调
uni.navigateBack()，不能依赖系统
保留返回按钮但隐藏 uni-app 标题文字
如果必须保留左侧返回箭头（比如二级页），又不想看到重复标题，就只隐藏文字，保留结构：
- 在
App.vue的onLaunch中检测微信 H5 环境：navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1 - 动态注入 CSS：
.uni-page-head__title { opacity: 0 !important; } - 确保返回按钮仍可见：
.uni-page-head__left, .uni-page-head-btn { visibility: visible !important; } - 别用
display: none，否则按钮区域可能塌陷或失焦
跨端统一改标题时容易漏掉的点
很多开发者以为调一次 uni.setNavigationBarTitle() 就够了，结果 H5 没反应、小程序不生效、App 标题灰白——根本原因是各端机制完全不同：
- H5 端：必须用
document.title = 'xxx'，uni.setNavigationBarTitle完全无效 - 小程序端：只能在
onReady后调，onLoad里调大概率静默失败 - App 端（vue3）：要确认
manifest.json开启了titleNView，且pages.json中该页面未禁用 - 所有平台都不要在
created或data里初始化标题，时机太早
真正难的不是让两个标题同时存在，而是判断清楚：你到底需要哪个标题被用户看到，然后把另一个彻底关掉或藏好。微信 H5 的双标题是环境限制带来的副作用，不是功能选项。
