⼩程序如何设置底部菜单栏（tab栏）
tabBar
如果⼩程序是⼀个多 tab 应⽤（客户端窗⼝的底部或顶部有 tab 栏可以切换页⾯），可以通过 tabBar 配置项指定 tab 栏的表现，以及tab 切换时显⽰的对应页⾯。
属性说明
color tab 上的⽂字默认颜⾊selectediconpath什么意思
selectedColor tab 上的⽂字选中时的颜⾊
backgroundColor tab 的背景⾊
borderStyle tabbar上边框的颜⾊， 仅⽀持 black / white 默认是bottom black
list tab 的列表，详见 list 属性说明，最少2个、最多5个 tab
position tabBar的位置，仅⽀持 bottom / top  默认是bottom
其中 list 接受⼀个数组，只能配置最少2个、最多5个 tab。tab 按数组的顺序排序，每个项都是⼀个对象，其属性值如下：
属性说明
pagePath页⾯路径，必须在 pages 中先定义（也就是说必须要先有这⼀个页⾯）
text tab 上按钮⽂字
iconPath 图⽚路径，icon ⼤⼩限制为40kb，建议尺⼨为 81px * 81px。当 postion 为 top 时，不显⽰ icon。
selectedIconPath 选中时的图⽚路径，icon ⼤⼩限制为40kb，建议尺⼨为 81px * 81px。当 postion 为 top 时，不显⽰ icon。
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/movie/movie",
"pages/userinfo/userinfo",
"pages/navigateTo/navigateTo"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "我的⼩程序",
"navigationBarTextStyle": "black",
"navigationStyle": "default"
},
"tabBar": {
"selectedColor": "green",
"borderStyle": "white",
"list": [
{
"pagePath": "pages/index/index",
"text": "⾸页",
"iconPath": "images/index.png",
"selectedIconPath": "images/indexf2.png"      },
{
"pagePath": "pages/movie/movie",
"text": "电影",
"iconPath": "images/movie.png",
"selectedIconPath": "images/movief.png"      },
{
"pagePath": "pages/logs/logs",
"text": "图⽚",
"iconPath": "images/image.png",
"selectedIconPath": "images/imagef.png"      },
{
"pagePath": "pages/userinfo/userinfo",        "text": "个⼈中⼼",
"iconPath": "images/center.png",
"selectedIconPath": "images/centerf.png"      }
]
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。