# HeaderNavBar 头部导航栏组件

### 介绍

 头部导航栏（Vant NavBar导航栏组件的二次封装）。

### 引入

```js
import { Vue } from 'vue';
import { HeaderNavBar } from '@bingoit/mobile-ui';

Vue.use(HeaderNavBar);
```

## 代码演示

### 基础用法
```html
<bgo-header-nav-bar
    title="标题" />
```

## API

### Props

| 名称 | 说明 | 类型 | 可选值 | 默认值 |   
| --- | --- | ---- | ----- | ----- |   
| title   |  | _string_ | - | - |
| left-text  | 左侧文案 | _boolean_ | `true` / `false` | `true` |  
| is-left-arrow | 是否显示左侧箭头  | _string_ | `spinner` / `circular` | `circular` |
| is-custom-back | 是否自定义处理返回功能 | _boolean_ | `true` / `false` | `false` |    
| is-back | 是否支持返回功能 | _boolean_ | `true` / `false` | `true` |    
| is-share | 是否显示分享按钮 | _boolean_ | `true` / `false` | `false` |     


### Events

| 事件                 | 说明                 | 回调参数                       |
| ------------------- | ------------------- | ----------------------------- |
| back              | 当`is-custom-back`属性为`true`时，点击返回时触发 | _event: Event_              |