导航栏

介绍

为页面提供导航功能，常用于页面顶部。

API

Props

Props 属性

参数	说明	类型	默认值
默认状态	组件的状态, "默认"|"隐藏"	string	'default'
标题	组件的的标题内容	string	''
左侧文案	左侧按钮的文案内容	string	-
左侧图标	左侧图标名称	string	"icon-left"
是否禁用左侧按钮	是否禁用左侧按钮	boolean	false
右侧文案	右侧文案的文案内容	string	-
右侧图标	右侧图标名称	string	-
是否禁用右侧按钮	是否禁用右侧按钮	boolean	false
是否开启两侧按钮的点击反馈	是否开启两侧按钮的点击反馈	boolean	true
是否固定在顶部	是否固定在顶部	boolean	false
固定在顶部时，是否生成等高的占位元素	是否固定在顶部	boolean	false

Props 样式

参数	说明	类型	默认值
自定义样式	表格整体自定义样式	string	-
导航栏层级	导航栏在重叠显示时的层级	number	1
是否显示下边框	是否显示导航栏下边框	boolean	true

Props 高级

参数	说明	类型	默认值
唯一标识	组件的唯一标识	string	-
是否开启顶部安全区适配	是否开启顶部安全区适配	boolean	false
自定义左侧内容	jsx 渲染函数，可自定义选项渲染内容	(ctx, params) => jsx
自定义右侧内容	jsx 渲染函数，可自定义选项渲染内容	(ctx, params) => jsx

Events

Events 属性

事件名	说明	回调参数
onClickLeft	点击左侧按钮时触发	ctx, params: PointerEvent
onClickRight	点击右侧按钮时触发	ctx, params: PointerEvent