4.在app.json配置中tabBar的配置有哪些？如果我要配置三个底部而且换的话需要怎么配置

在app.json配置中，tabBar的配置包括以下属性：

- color：未选中的tabBar文字颜色
- selectedColor：选中的tabBar文字颜色
- backgroundColor：tabBar的背景色
- borderStyle：tabBar上边框的样式，可选值为：black、white
- list：tabBar的列表配置，每个元素包括以下属性：
- pagePath：页面路径
- text：tabBar上按钮文字
- iconPath：未选中的按钮图标路径
- selectedIconPath：选中的按钮图标路径

如果要配置三个底部，需要在list中添加三个元素，例如：

"tabBar": {
  "color": "#999",
  "selectedColor": "#333",
  "backgroundColor": "#fff",
  "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "assets/tabbar/home.png",
      "selectedIconPath": "assets/tabbar/home_active.png"
    },
    {
      "pagePath": "pages/cart/cart",
      "text": "购物车",
      "iconPath": "assets/tabbar/cart.png",
      "selectedIconPath": "assets/tabbar/cart_active.png"
    },
    {
      "pagePath": "pages/user/user",
      "text": "个人中心",
      "iconPath": "assets/tabbar/user.png",
      "selectedIconPath": "assets/tabbar/user_active.png"
    }
  ]
}

如果要实现tabBar的换肤功能，可以在app.js中监听主题变化事件，在事件回调函数中动态修改tabBar的配置。例如：

// 监听主题变化事件
wx.onThemeChange((res) => {
  if (res.theme === 'dark') {
    // 切换到暗色主题
    this.globalData.theme = 'dark';
    wx.setTabBarStyle({
      backgroundColor: '#000',
      color: '#ccc',
      selectedColor: '#fff'
    });
  } else {
    // 切换到亮色主题
    this.globalData.theme = 'light';
    wx.setTabBarStyle({
      backgroundColor: '#fff',
      color: '#999',
      selectedColor: '#333'
    });
  }
});