uni-app自定义导航栏加阴影常见失败原因：直接给容器加box-shadow在iOS微信小程序等真机上易失效或错位，因view模拟导航栏渲染层级特殊，滚动时阴影被裁切、发虚甚至导航栏变透明；uni-nav-bar的shadow属性在nvue下部分安卓机型不渲染，小程序中常显模糊灰边或无响应，官方亦建议nvue下关闭该属性。
uni-app 自定义导航栏加阴影的常见失败原因
直接给自定义导航栏容器加 box-shadow 在多数真机（尤其 iOS 微信小程序）上会失效或错位，因为 uni-app 的自定义导航栏是用 view 模拟的，渲染层级和原生导航栏不同；它被固定在页面最上层，但滚动时内容会从它下方“滑过”，导致阴影被裁切、发虚，甚至整个导航栏变透明。
为什么 uni-nav-bar 的 shadow 属性不推荐用
uni-nav-bar 组件的 shadow 属性本质是给内部 wrapper 加了 box-shadow，但它在 nvue 编译模式下部分 Android 机型不渲染，在微信小程序里因 WebView 限制常显示为一条模糊灰边或完全无响应。官方文档也明确提示：nvue 下某些机型可能显示不正常，建议 nvue 下关闭阴影。
真正稳定可用的阴影实现方式（含兼容处理）
绕过组件封装，手动控制阴影样式，同时适配多端渲染差异：
- 用绝对定位 + 固定高度容器替代
uni-nav-bar，例如<view class="custom-navbar"> - 阴影必须写在容器自身上，且避免使用
opacity或rgba背景叠加阴影——这会导致 iOS 文字发虚 - 推荐阴影值：
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06)（轻量、不抢眼、真机表现稳定） - 微信小程序需额外加
z-index: 999，否则可能被scroll-view或cover-view遮盖 - H5 端若发现阴影边缘锯齿，可改用
filter: drop-shadow(0 2px 8px rgba(0,0,0,0.06))，但小程序不支持 filter
鸿蒙与安卓低端机的特殊处理
鸿蒙 WebView 支持 backdrop-filter，但和阴影无关；而安卓低端机（如部分 OPPO、vivo 旧机型）对 box-shadow 渲染性能差，容易出现卡顿或颜色偏灰：
- 检测到低端设备时，可降级为单像素上边框：
border-top: 1px solid rgba(0,0,0,0.05) - 用
getSystemInfoSync()判断model是否含 “HUAWEI T”、“vivo Y” 等关键词，动态切换样式类 - 禁用
transform: translateZ(0)类加速 hack，它在低端安卓上反而引发重绘异常
