微信小程序—tabBar底部导航中文注解api

小程序tabBar配置代码注解

{
"pages":[
"pages/index/index",
"pages/detail/detail"
],
"window":{
"navigationBarTitleText": "TabBar",
"navigationBarBackgroundColor": "#F60",
"navigationBarTextStyle": "white"
},

//tabBar注意是B是大写，有朋友提问运行时tab没出现，检查是不是这里手误
"tabBar":{

//文档指出color是必填项，其实可为空，不重写color就是深灰，样式更统一
"color": "#ddd",

//同样，文档指出selectedColor是必填项，不过selectedColor有必要重写，区分当前项与普通项
"selectedColor": "#3cc51f",

//同样，文档指出color是必填项，其实可为空，不重写backgroundColor就是浅灰，样式更统一。
"backgroundColor": "#fff",

//borderStyle，不写默认就是黑，那就黑好了，white的话，会少一条分隔线，跟页面混在一起了
"borderStyle":"black",
"list":[{
"pagePath":"pages/index/index",

//iconPath图标是非必填，只是tab栏会变矮，自然selectedIconPath也可不写
"iconPath":"image/icon_API.png",
"selectedIconPath":"image/icon_API_HL.png",
"text":"index"
},{
"pagePath":"pages/detail/detail",
"iconPath":"image/icon_component.png",
"selectedIconPath":"image/icon_component_HL.png",
"text":"detail"
}]
}
}

小程序tabBar参数说明