# bz-nav-bar 导航栏
# 基本用法
自定义标题导航栏
扫码预览
用BoosHi扫码或PC端点击
<template>
<bz-nav-bar title="标题"></bz-nav-bar>
</template>
1
2
3
2
3
展开 刷新 关闭
# 属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| title | String | - | 标题文字 |
| leftText | String | - | 左侧按钮文本 |
| rightText | String | - | 右侧按钮文本 |
| color | String | #000000 | 图标和文字颜色 |
| backgroundColor | String | #FFFFFF | 导航栏背景颜色 |
| fixed | Boolean | false | 是否固定顶部 |
| statusBar | Boolean | false | 是否包含状态栏 |
| shadow | Boolean | false | 导航栏下是否有阴影 |
| dark | Boolean | false | 导航栏开启暗黑模式 |
| @clickLeft | Handler | - | 左侧按钮点击时触发 |
| @clickRight | Handler | - | 右侧按钮点击时触发 |
| @clickTitle | Handler | - | 中间标题点击时触发 |