NavBar 导航栏

导航栏组件，主要用于头部导航。

使用指南

在 Taro 文件中引入组件

:::demo

  1. import { AtNavBar } from 'taro-ui'

:::

一般用法

:::demo

  1. <AtNavBar
  2.   onClickRgIconSt={this.handleClick}
  3.   onClickRgIconNd={this.handleClick}
  4.   onClickLeftIcon={this.handleClick}
  5.   color='#000'
  6.   title='NavBar 导航栏示例'
  7.   leftText='返回'
  8.   rightFirstIconType='bullet-list'
  9.   rightSecondIconType='user'
  10. />

:::

参数

参数 说明 类型 可选值 默认值
color 链接文字跟图标颜色，不包括标题 Number - #6190E8
fixed 是否固定顶部 Boolean - false
leftIconType 左边图标类型，图标类型请看AtIcon文档 String - ‘chevron-left’
leftText 左边文字 String - -
title 标题文字 String - -
rightFirstIconType 从右到左，第一个图标类型，图标类型请看AtIcon文档 String - -
rightSecondIconType 从右到左第二个图标类型，图标类型请看AtIcon文档 String - -

事件

事件名称 说明 返回参数
onClickLeftIcon 左边第一个图标类型点击事件 -
onClickRightFirstIcon 从右到左第一个图标类型点击事件 -
onClickRightSecondIcon 从右到左第二个图标类型点击事件 -