导航栏

底部导航栏组件。

属性

名称	类型	默认值	说明
hoverClass	String	pure-hover	指定按下去的样式类
list	Array	-	数据
value	[String, Number, Object]	""	激活项的值或者下标
iconSize	String	20px	图标大小题
iconMode	String	heightFix	[参考] 图标的裁剪、缩放模式
fontSize	String	10px	字体大小
color	String	-	默认文本颜色
activeColor	String	-	激活文本颜色
safeAreaBottom	Boolean	false	是否开启底部安全区
height	String	50px	高度
position	String	-	定位方式
bottom	String	0px	定位距离
left	String	0px	定位距离
index	[String, Number]	850	层级
zIndex	[String, Number]	850	层级
background	Object	-	背景
fontWeight	[String, Number]	500	字体重量
gap	String	3px	图标和文字之间的间距
valueKey	String	pagePath	值字段的 key ,用此字段的值和 value 进行比较用于判断当前项是否选中。如果未设置此字段或此字段的值未空，则用下标和 value 进行比较。
iconKey	String	iconPath	未激活图标的路径或名称的 key
selectedIconKey	String	selectedIconPath	激活图标的路径或名称的 key
textKey	String	text	文字的 key

事件

名称	参数	说明
@onChange	item: 数据; index: 下标	切换事件，不会自动切换，需要手动设置激活项。

暴漏的数据

名称	参数	说明
height	-	高度