微信小程序(底部导航栏tabBar)

微信小程序-底部导航栏tabBar

基本结构

• 基本结构：

“tabBar”:{
	"list":[{
	**标签**:"内容",
	**标签**:“内容”,
	....
	}]
}

list中标签关键词

• pagePath:这个标签所跳转的页面路径
• text：这个标签中的文本
• iconPath：这个标签未被选中用的图标路径
• selectedIcomPath：这个标签被选中后用的图标路径

tabBar的其他常用关键词

• color:tab上的文字默认的颜色，支持十六进制颜色
• selectedColor:tab上文字被选中的颜色，支持十六进制颜色
• backgroundColor：tab的背景颜色，仅支持十六进制颜色。
• position：tab的位置，支持bottom和top，一个是放在底部，一个是放在顶部，但放在顶部不会显示图标