uni-app导航栏标题左对齐必须设navigationstyle: "custom"禁用原生栏，再手动实现；需用getmenubuttonboundingclientrect()动态计算padding-top以对齐胶囊按钮，否则各端错位。
uni-app 默认导航栏标题是居中的，想左对齐必须关掉原生导航栏，自己手写一个——没有其他捷径，navigationStyle: "custom" 是唯一可靠入口。
必须先禁用原生导航栏
原生导航栏的标题位置由微信/APP平台控制，不提供 left/center/right 对齐开关。所以第一步不是写样式，而是告诉 uni-app：“别画导航栏了，我自己来”。
- 在
pages.json中对应页面或全局配置里加"navigationStyle": "custom" - 不要只设
titleNView: false（这是旧版 H5/APP 专用，对小程序无效） - 如果用了
"navigationStyle": "default"或没配，标题永远居中，CSS 再改也没用
自定义标题栏时如何让文字靠左
禁用后，你得在页面 <template></template> 里手动写一个顶部区域。关键不是“怎么左对齐”，而是“怎么让它看起来像原生导航栏但又可控”。
- 用
<view class="custom-nav"><text class="nav-title">我的标题</text></view>这类结构，避免用<uni-nav-bar></uni-nav-bar>组件（它内部仍依赖原生逻辑） -
nav-title加text-align: left或flex: 1+justify-content: flex-start即可左对齐 - 注意：别忘了给整个自定义栏设高度（如
height: 44px），否则可能塌陷或错位
微信小程序下标题和胶囊按钮对不齐？别硬调 margin
很多人左对齐后发现标题“看起来偏高”，其实是没对齐右上角的胶囊按钮。这不是 CSS 问题，是坐标计算问题。
- 必须用
uni.getMenuButtonBoundingClientRect()拿胶囊按钮的top和height - 再结合
uni.getSystemInfoSync().statusBarHeight，算出标题容器应有的padding-top - 公式是：
padding-top = menuButton.top - statusBarHeight，这个值才是视觉对齐的关键 - 直接写死
margin-top: 8px在 iPhone 15 Pro 和安卓折叠屏上大概率失效
真正麻烦的点不在“左对齐”本身，而在于自定义后你要自己扛起所有适配责任：状态栏高度、胶囊按钮定位、返回按钮逻辑、H5/APP 端样式差异……一个 navigationStyle: "custom" 开关按下，后面全是细节活。
