uniapp修改底部导航栏

uniapp 实现底部导航栏 - tabBar的使用方法

tabBar参数说明
color：导航栏字体颜色

selectedColor：选中后字体的颜色

backgroundColor：底部背景颜色

borderStyle：底部的border颜色，只能是“black”或者“white”

list：对象，包含以下这些选项
{

pagePath：页面路径
text：底部导航文字
iconPath：没选中前的图标路径
selectedIconPath：选中后的图标路径
}

{
      "pages":[
            ...
      ],
      "tabBar": {
			"color":"#8a8a8a",
			"selectedColor":"#00aa00",
			"borderStyle":"black",
			"backgroundColor":"#ffffff",
			"list": [
				{
					"pagePath":"pages/index/index",
					"text":"首页",
					"iconPath":"static/home_normal.png",
					"selectedIconPath":"static/home.png"
				},
				{
					"pagePath":"pages/search/search",
					"text":"发现",
					"iconPath":"static/search_normal.png",
					"selectedIconPath":"static/search.png"
				},
				{
					"pagePath":"pages/me/me",
					"text":"我的",
					"iconPath":"static/me_normal.png",
					"selectedIconPath":"static/me.png"
				}
			]	
		 },
      "globalStyle": {
		...
	}
}