微信小程序tabBar底部导航中文注解api,信小程序tabBar就是app底部的那个导航栏,可以放1-5导航链接,这里对微信小程序底部导航tabbar的中文解释。 微信小程序tabBar是在全局app.json文件里面配置的。
<div class="jb51code">
<pre class="brush:js;">
{
"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"
}]
}
}