• NavBar 导航栏
    • 使用指南
    • 一般用法
    • 参数
    • 事件

    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 从右到左第二个图标类型点击事件 -