日期:2021-04-20 14:07 浏览量:1680
微信小程序开发小程序制作的时候tabbar菜单的配置非常简单,只需要在小程序的根目录的app.json里面进行配置即可,代码如下:
"tabBar": {
"color": "#929699",
"selectedColor": "#ff2e3d",
"backgroundColor": "#ffffff",
"borderStyle": "white",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "/image/ico1.png",
"selectedIconPath": "/image/ico1s.png"
},
{
"pagePath": "pages/user/index",
"text": "我的",
"iconPath": "/image/ico3.png",
"selectedIconPath": "/image/ico3s.png"
}
]color:代表文字的颜色
selectedColor:代表当前菜单被选中时候的颜色
backgroundColor:代表菜单的背景颜色
borderStyle:代表菜单上边框边的颜色
list:是菜单数组,最多可以设置5个
pagePath:当点击这个菜单时页面的地址
text:这个菜单的文字
iconPath:这个菜单的图标地址
selectedIconPath:当这个菜单被选中的时候的图标的地址