微信小程序配置TabBar样式

要配置微信小程序的 TabBar 样式，需要进行以下步骤：

1. 在 app.json 文件中配置 tabBar 的 list 属性，如下所示：

"tabBar": {
  "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "images/tabbar/home.png",
      "selectedIconPath": "images/tabbar/home_selected.png"
    },
    {
      "pagePath": "pages/cart/cart",
      "text": "购物车",
      "iconPath": "images/tabbar/cart.png",
      "selectedIconPath": "images/tabbar/cart_selected.png"
    },
    {
      "pagePath": "pages/profile/profile",
      "text": "个人中心",
      "iconPath": "images/tabbar/profile.png",
      "selectedIconPath": "images/tabbar/profile_selected.png"
    }
  ]
}

2. 在对应的页面中配置 navigationBarTitleText 和 tabBar 配置项，如下所示：

{
  "navigationBarTitleText": "首页",
  "tabBar": {
    "selectedColor": "#FF0000",
    "backgroundColor": "#FFFFFF",
    "borderStyle": "white"
  }
}

可以根据需要配置选中状态的颜色、背景色和边框样式等。注意，这些配置项只能在对应页面的 JSON 文件中进行配置，而不能在 app.json 文件中全局配置。

以上就是配置微信小程序 TabBar 样式的步骤，希望能对你有所帮助。