初试微信小程序_微信小程序 selectediconpath网络图片

tabBar

如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

"tabBar": {
    "selectedColor": "#A58AEA",
    "color": "#A58AEA",
    "list": [
      {
        "iconPath": "img/首页.png",
        "text": "首页",
        "selectedIconPath": "img/首页2.png",
        "pagePath": "pages/loc/loc"
      },
1
2
3
4
5
6
7
8
9
10

• list

list是一个长度为2-5的数组，它定义了tab 的列表，也就是说至少必须有2 个、至多可以有 5 个 tab。包含一下4个属性：

• pagePath: 即页面的路径，需要在pages中先定义。
• text: tab上按钮文字。
• iconPath: 图片路径，icon大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。
  当 position 为 top 时，不显示 icon。
• selectedIconPath: 选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px *81px，不支持网络图片。当position 为 top 时，不显示 icon。