NavBar 导航栏

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/nav-bar

显示页面顶部的导航栏. 注意, 导航行为需要自己实现.

该组件默认不会脱离文档流进行布局. 基本语法:

<van-nav-bar title="中间的标题" ></van-nav-bar>

常用属性和事件:

• title 居中显示的标题.
• fixed 表示是否固定在顶部.
• placeholder 固定在顶部时, 是否创建登高的占位.
• left-text 左侧按钮文案.
• left-arrow 是否显示左侧的箭头.
• right-text 右侧按钮文案.
• click-left 点击左侧按钮的触发事件.
• click-right 点击右侧按钮的触发事件.
• 禁用是 left-disabled 与 right-disabled.
• 可以使用 left, right 插槽自定义左右按钮.
• safe-area-inset-top 开启顶部安全区.
• clickable 开启两侧按钮的点击反馈.

使用 fixed 后会使用固定定位:

开启 placeholder 后会创建一个遵循文档流的容器, 包裹导航栏, 导航栏在固定到页面顶端之后, 容器起到占位作用.