微信小程序 TabBar设置

一、创建tabbar

在app.json中，tabbar按照如下写法设置，

"tabBar": {
    "color": "#8a8a8a",
    "selectedColor": "#1296db",
    "backgroundColor": "#e6e6e6",
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "/images/tabs/main.png",
        "selectedIconPath": "/images/tabs/main1.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "消息",
        "iconPath": "/images/tabs/message.png",
        "selectedIconPath": "/images/tabs/message1.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "/images/tabs/main.png",
        "selectedIconPath": "/images/tabs/main1.png"
      }
    ]
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

tabbar和pages等同级

二、设置进入首页

 "pages":[
    "pages/home/home",
    "pages/index/index",
    "pages/mine/mine"
  ],
1
2
3
4
5

如果想修改默认选中的tab，只需要修改"pages"数组里的顺序即可。放在前面的会优先选中。
比方说我想优先展示“我的”(mine)界面，将pages里的界面改成如下顺序即可。

"pages":[
    "pages/mine/mine",
    "pages/home/home",
    "pages/index/index"
  ],
1
2
3
4
5