> For the complete documentation index, see [llms.txt](https://docs.luckydesigner.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.luckydesigner.space/wechat/pei-zhi/tabbar.md).

# TabBar

## 例子

```
"tabBar": {
    "color": "#686868",
    "selectedColor": "#47a86c",
    "backgroundColor": "#ffffff",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/popular/popular",
        "iconPath": "dist/images/popular_icon.png",
        "selectedIconPath": "dist/images/popular_active_icon.png",
        "text": "热映"
      },
      {
        "pagePath": "pages/coming/coming",
        "iconPath": "dist/images/coming_icon.png",
        "selectedIconPath": "dist/images/coming_active_icon.png",
        "text": "待映"
      },
      {
        "pagePath": "pages/top/top",
        "iconPath": "dist/images/top_icon.png",
        "selectedIconPath": "dist/images/top_active_icon.png",
        "text": "口碑"
      },
      {
        "pagePath": "pages/my/my",
        "iconPath": "dist/images/my_icon.png",
        "selectedIconPath": "dist/images/my_active_icon.png",
        "text": "我的"
      }
    ]
  },
```

tabBar是微信小程序页面下选菜单，最多设置5个，超过五个则无法设置。