导航栏

导航栏组件。

属性

名称	类型	默认值	说明
height	String	小程序中通过api获取，其他环境默认44px	导航栏高度
background	String	-	背景
title	String	-	标题
showBack	Boolean	false	是否显示返回按钮
showBackText	Boolean	false	是否显示返回按钮文字
backIconName	String	__zuo2	返回按钮图标名称
backText	String	返回	返回按钮文字
autoBack	Boolean	false	是否自动返回
backOpts	Object	{}	返回按钮其他配置选项
leftIcons	[Array, String]	-	数据格式 左侧图标数据
rightIcons	[Array, String]	-	数据格式 右侧图标数据
rightIcons	[Array, String]	-	右侧图标数据
safeMenuButton	Boolean	true	是否留出胶囊按钮安全区域
titleAlign	String	center	标题对齐方式

图标数据格式

字符串

const icons = "__liwu"; // 单图标
const icons = "__liwu,__fenxiang"; // 多图标用逗号分割

数组

const icons = [
	{
		icon: "__liwu", // 图标
		name: "奖励", // 名称
	},
	// ...
];

事件

名称	参数	说明
@onClick	-	点击时触发
@onBack	-	返回事件
@onIconClick	{ position: left\right - 图标位置, item: Object - 图标数据, index: Number - 下标 }	图标点击事件

插槽

名称	参数	说明
#left	-	左侧内容
#back	-	返回按钮
#leftIcons	-	左侧图标
#title	-	标题
#right	-	右侧内容
#rightIcons	-	右侧图标