小程序底部导航栏

标签：bar   app.js   ted   image   小程序   .json   dex   跳转   json   

在app.json文件中添加如下代码：

"tabBar": {
"color": "black",
"backgroundColor":"#fff",
"selectedColor": "#11cd6e",
"borderStyle":"white",
"list": [{
"selectedIconPath": "image/home_HL.png",
"iconPath": "image/home.png",
"pagePath": "pages/index/index",
"text": "首页"
}, {
"selectedIconPath": "image/1168874.png",
"iconPath": "image/dingdan.png",
"pagePath": "pages/logs/logs",
"text": "订单"
}, {
"selectedIconPath": "image/508421.png",
"iconPath": "image/508417.png",
"pagePath": "pages/mine/mine",
"text": "我的"
}]
}

//selectedIconPath:选中时的图片样式

iconPath没选中时的图片

pagePath：跳转的页面链接

backgroundColor：选中时字的颜色

小程序底部导航栏

标签：bar   app.js   ted   image   小程序   .json   dex   跳转   json   

原文地址：http://www.cnblogs.com/SunSong/p/6930231.html