微信小程序里如何设置页面底部 微信小程序底部导航栏怎么设置

文章摘要：微信小程序里如何设置页面底部 微信小程序底部导航栏怎么设置

微信小程序里设置页面底部的案例： 在小程序项目中app.json配置文件下，添加代码： "tabBar": { […]

微信小程序里设置页面底部的案例：

在小程序项目中app.json配置文件下，添加代码：

"tabBar": {

"color": "#a9b7b7",

"selectedColor": "#11cd6e",

"borderStyle":"white",

"list": [{

"selectedIconPath": "images/111.png",

"iconPath": "images/11.png",

"pagePath": "pages/index/index",

"text": "首页"

}, {

"selectedIconPath": "images/221.png",

"iconPath": "images/22.png",

"pagePath": "pages/logs/logs",

"text": "日志"

}, {

"selectedIconPath": "images/331.png",

"iconPath": "images/33.png",

"pagePath": "pages/test/test",

"text": "测试"

}]

},