移动端专属组件
NavBar 页头
移动端 H5 的页面头部：左区返回箭头/文案、居中标题（超长省略）、右区动作， 触控热区不小于 44px。中后台内容页头（标题 + 副标题 + 操作区）见 PageHeader， 二者一个面向 H5 导航、一个面向桌面文档流，不要混用。fixed 吸顶时自动吸收 env(safe-area-inset-top)（刘海屏独立 PWA 生效，普通浏览器为 0），配 placeholder 生成等高占位。与 evoke-ui 的 EwNavBar 同名同 API。
基础用法
9:41
页面内容
点按左右热区试试
html
<eb-nav-bar
title="审批详情"
left-arrow
left-text="返回"
right-text="协办"
@click-left="router.back()"
@click-right="openAssignee"
/>自定义两侧内容
左右都是完整插槽：左区放图标按钮，右区放主按钮（提交/下一步）， 标题也能整体替换（如换成进度步骤或搜索框）。
9:41
表单第三步
页头右侧的「提交审批」对准拇指收势位置
吸顶与安全区
真机上页头通常吸顶滚动：fixed 定位到视口顶部并自动叠加 env(safe-area-inset-top)；fixed 必须配 placeholder 生成等高占位， 内容不会被头部遮挡：
html
<eb-nav-bar title="订单详情" left-arrow left-text="返回" fixed placeholder @click-left="router.back()" />API
NavBar Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题文本，title 插槽可替换 | string | '' |
| left-text | 左区文案（常配「返回」），left 插槽可替换 | string | '' |
| right-text | 右区文案，right 插槽可替换 | string | '' |
| left-arrow | 左区显示返回箭头 | boolean | false |
| fixed | 固定在视口顶部，自动吸收 safe-area-inset-top | boolean | false |
| placeholder | fixed 时渲染等高占位 | boolean | false |
| bordered | 底部描边 | boolean | true |
| z-index | fixed 时的层级（压在弹层之下） | number | 900 |
NavBar Events
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| click-left | 点击左区热区 | — | — |
| click-right | 点击右区热区 | — | — |
NavBar Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| left | 替换左区内容（默认：箭头 + 文案） | — | 箭头 + 文案 |
| title | 替换标题（如换成搜索框 / 步骤条） | — | title 文案 |
| right | 替换右区内容（默认：文案） | — | right-text 文案 |