必须设 navigationstyle: "custom" 才能自定义导航栏；微信小程序需用 wx.getmenubuttonboundingclientrect() 计算 custombarheight，且仅限 mp-weixin 平台；下拉刷新时需动态切换导航栏背景色防穿底变黑。
uni-app 里根本不存在“仿微信状态栏”这个标准概念——微信小程序的状态栏（StatusBar）和导航栏（NavigationBar）是系统级组件，无法被前端 DOM 模拟或覆盖；所谓“仿”，其实是通过 navigationStyle: "custom" 交出控制权后，在自定义区域手动还原视觉与行为逻辑。
必须设 navigationStyle: "custom"，否则所有操作都无效
这是硬性前提，不是可选项。它出现在 pages.json 对应页面的 style 节点下：
- 不设这个，
titleNView: false、navigationBarBackgroundColor等配置全被忽略 - 只在 App 端设没用，H5 和小程序也得同步配，否则跨端样式错乱
- 微信小程序启用后，原生导航栏消失，但胶囊按钮（右上角三个点）和状态栏仍存在，你必须自己画一个“看起来像”的区域
微信小程序要拿到胶囊位置，不能只靠 statusBarHeight
微信的“导航栏高度”不是固定值，而是由两段拼成：statusBarHeight + 胶囊按钮上下留白。直接写死 44px 或用 uni.getSystemInfoSync().statusBarHeight 会错位。
- 正确做法：调
wx.getMenuButtonBoundingClientRect()获取胶囊尺寸和坐标 - 计算公式：
customBarHeight = menuButton.top + (menuButton.bottom - menuButton.top) - statusBarHeight - 注意：该 API 在 H5 和 App 端不可用，必须用
#ifdef MP-WEIXIN包裹 - 别在
onLoad就取，部分低端机返回top: 0，建议放onReady或加setTimeout延迟 100ms
自定义导航栏背景透明后，下拉刷新会穿底变黑
这不是 bug，是微信原生层叠加顺序导致的：开启 enablePullDownRefresh 后，webview 整体下拉，透明导航栏下的内容就直接顶进状态栏区域，Android 渲染时容易把状态栏背景刷成纯黑。
- 解法不是改 CSS，而是动态切背景：
:background="isPulling ? '#ffffff' : 'transparent' - 配合
onPullDownRefresh和stopPullDownRefresh控制isPulling状态 - 如果用了
u-navbar，记得同时关掉:border-bottom="false"，否则底部边框会在刷新时突兀出现 - 真机测试前务必关闭 HBuilderX 模拟器预览——它根本不模拟胶囊位置和下拉渲染逻辑
最易被忽略的一点：iOS 微信和 Android 微信对 getMenuButtonBoundingClientRect 的返回值精度不同，有些安卓机返回的是整数，iOS 可能带小数。别用 === 判断是否已获取，改用 menuButton.top > 0 这类宽松条件。
