阿东入门系列《二》轮播，Tab分页

1.1 组件 tabBar

微信小程序提供了一个组件tabBar用来实现多tab分页功能。如果我们的小程序是一个多 tab 应用（客户端窗口的底部有tab栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

微信小程序提供了一个组件tabBar用来实现多tab分页功能。如果我们的小程序是一个多 tab 应用（客户端窗口的底部有tab栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

1.2 配置位置

微信小程序中认为整个页面分为 导航栏navigationBar，tab栏 tabBar 和 页面区域（就是在pages中配置的页面显示区域），所以tabBar的配置位于全局配置文件app.json 文件中。

1. "tabBar": {
2. "color": "#a9a9a9",
3. "selectedColor": "#1f1f1f",
4. "backgroundColor": "#fefefe",
5. "borderStyle": "white",
6. "list": [
7. {
8. "pagePath": "pages/main/main",
9. "text": "首页",
10. "iconPath": "image/icon_home.png",
11. "selectedIconPath": "image/icon_home_select.png"
12. },