uni-app原生导航栏底部黑线是平台容器自动渲染的分隔线，非css可控：小程序需设navigationbarhidden或navigationstyle:"custom"；h5需重置page/body/uni-page-body样式；app端须同时设navigationstyle:"custom"和titlenview:false。
uni-app原生导航栏底部黑线是哪来的
这根黑线不是 uni-nav-bar 组件画的，而是 uni-app 框架在启用原生导航栏（即没设 navigationStyle: "custom"）时，由底层 WebView 或小程序容器自动渲染的一条分隔线，用于区分导航栏与页面内容。它独立于 CSS，无法用常规 border: none 直接干掉。
pages.json 里配 navigationBarBackgroundColor 没用？
确实没用——这个配置只改背景色，不控制边框线。黑线是固定样式层，和背景色渲染不在同一层级。常见错误是以为调深色背景就能“盖住”它，结果安卓上仍有一像素灰线，iOS 上甚至更明显。
- 小程序端：黑线由微信原生容器注入，
navigationBarBackgroundColor和navigationBarTextStyle完全不影响它 - H5 端：本质是框架给
<page></page>元素加的内联padding-top+ 伪元素或 border，需手动重置 - APP 端：iOS 是系统级阴影，Android 多为 WebView 的 bottom-border 或 box-shadow，必须进
app-plus配置干预
真正有效的三端清除方案
不能靠猜，得按平台下药：
- 小程序（MP-WEIXIN）：
pages.json对应页面 style 中加"navigationBarHidden": true—— 这会连导航栏一起干掉，黑线自然消失；若需保留标题，必须切到navigationStyle: "custom"并手写自定义导航组件 - H5 端：在页面样式中强制清空占位：
page { margin: 0; padding: 0; } body { margin: 0; } .uni-page-body { padding-top: 0 !important; } - APP 端（APP-PLUS）：必须在
pages.json页面 style 下同时声明："navigationStyle": "custom"和"titleNView": false；只设前者，某些 Android 机型（如 HyperOS）仍残留 1px 白/灰边，titleNView: false是补漏关键
uni-nav-bar 组件自己的边框线怎么关
如果你用的是 <uni-nav-bar></uni-nav-bar> 组件（非原生导航栏），那黑线大概率是它自带的 border-bottom。官方文档其实写了开关，但很多人写错：
- 正确写法：
::border="false"（注意是双冒号，不是单冒号） - 错误写法：
border="false"、:border="false"、border=false—— 全部无效 - 如果想全局关闭，可在
App.vue里加::deep .uni-nav-bar::after { display: none; }，但不如直接用属性干净
titleNView。尤其 APP 端，两个字段缺一不可——少一个，白条就跟着你进生产环境。
