NavBar 导航
代码演示
默认
<alice-nav-bar title="navbar 导航栏" />
左箭头
<alice-nav-bar title="navbar 导航栏" leftArrow />
右箭头
<alice-nav-bar title="navbar 导航栏" rightArrow />
左文字
<alice-nav-bar title="navbar 导航栏" leftText="左文字"></alice-nav-bar>
右文字
<alice-nav-bar title="navbar 导航栏" rightText="右文字"></alice-nav-bar>
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 显示标题 | String | - |
| leftText | 左边的文字 | String | - |
| rightText | 右边的文字 | String | - |
| rightText | 右边的文字 | String | - |
| zIndex | z-index的高度 | Number | 1 |
| rightArrow | 是否显示右箭头 | Boolean | false |
| fixed | 是否固定在顶部 | Boolean | false |
Event
| 事件名 | 说明 | 参数 |
|---|---|---|
| click-left | 点击左边文字触发 | - |
| click-right | 点击右边文字触发 | - |
Slot
| 名称 | 说明 |
|---|---|
| title | 自定义标题 |
| left | 插入到title左边 |
| right | 插入到title右边 |