日期:2021-04-20 14:07 浏览量:1203
微信小程序开发小程序制作的时候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:当这个菜单被选中的时候的图标的地址