【微信小步伐】tabBar全局设置

 一、tabBar的构成身分
属性范例必填默认值形貌colorHexColor是tab 上的笔墨默认颜色，仅支持十六进制颜色selectedColorHexColor是tab 上的笔墨选中时的颜色，仅支持十六进制颜色backgroundColorHexColor是tab 的配景致，仅支持十六进制颜色borderStylestring否blacktabbar 上边框的颜色， 仅支持 black / whitelistArray是tab 的列表，详见 list 属性分析，最少 2 个、最多 5 个 tabpositionstring否bottomtabBar 的位置，仅支持 bottom / top二、list属性
属性范例必填分析pagePathstring是页面路径，必须在 pages 中先界说textstring是tab 上按钮笔墨iconPathstring否图片路径，icon 巨细限定为 40kb，发起尺寸为 81px * 81px，不支持网络图片。
当 position 为 top 时，不表现 icon。selectedIconPathstring否选中时的图片路径，icon 巨细限定为 40kb，发起尺寸为 81px * 81px，不支持网络图片。
当 position 为 top 时，不表现 icon。更多信息：全局设置 | 微信开放文档 
三、示例 

1. "tabBar": {
2.       "selectedColor": "#f3514f",
3.       "color": "#666",
4.       "backgroundColor": "#efefef",
5.       "borderStyle":"black",
6.       "position":"bottom",
7.       "list": [
8.           {
9.               "text": "首页",
10.               "pagePath": "pages/index/index",
11.               "iconPath": "/image/first_page.png",
12.               "selectedIconPath": "/image/active_fp.png"
13.           },
14.           {
15.             "text": "分类",
16.             "pagePath": "pages/classify/classify",
17.             "iconPath": "/image/classify.png",
18.             "selectedIconPath": "/image/active_classify.png"
19.         },
20.         {
21.             "text": "购物车",
22.             "pagePath": "pages/car/car",
23.             "iconPath": "/image/buy_car.png",
24.             "selectedIconPath": "/image/active_car.png"
25.         },
26.         {
27.             "text": "我的",
28.             "pagePath": "pages/me/me",
29.             "iconPath": "/image/me.png",
30.             "selectedIconPath": "/image/active_me.png"
31.         }
32.       ]
33.   },

复制代码