uniapp中tabBar选中背景色

在uni-app（微信小程序、H5、App等多端统一框架）中，`tabBar` 是底部导航栏，用来切换页面或者控制应用的主要功能区域。如果你想设置选中的`tabBar`项的背景颜色，可以通过配置`customStyle`属性来实现。

首先，在项目的`uni-app`配置文件（如`pages/index.vue`或全局样式文件`globalstyles.wxss`）中，找到`tabBar`部分的配置，它通常类似这样：

<template>
  <view>
    <!-- 其他内容 -->
    <navigator tabBar={"selectedColor": "#your-color"} />
    <!-- 更多内容 -->
  </view>
</template>

<style lang="scss">
/* 或者用其他你喜欢的预处理器 */
.tabBar {
  @each $index, $item in $tab-bar-config {
    &.$item.name {
      .tabBarItem-selected {
        background-color: #your-color; // 这里就是选中时的背景色
      }
    }
  }
}
</style>

在`.vue`组件或者全局样式中，将`"selectedColor"`属性替换为你想要的背景颜色值，例如 `"#FF0000"`表示红色，`"#4DBBFF"`表示蓝色等。

如果你想要动态改变选中状态的颜色，可以在对应的`page`组件中监听`tabBar`的`select`事件，并根据当前的状态修改这个颜色。