uview tabs 标签 badge isDot值 选中的时候变颜色，不选中默认黑色

UView UI库中的`tabs`组件有一个属性叫做`badge`，这个属性通常用于显示小红点标记，比如消息通知的数量。当`isDot`设为`true`时，如果对应的标签被选中，`badge`区域的颜色会改变，例如可能是红色，表示有新的内容或提醒。如果标签未被选中，它通常会被设置为默认样式，即黑色或者其他预设的颜色，除非你自定义了未选中状态下的样式。

要实现在选中时改变颜色的效果，你需要在你的Vue或小程序的模板文件中设置`u-parse`指令，并配置`isDot`和选中状态下的`badge-color`属性。例如：

<u-tabs :options="tabOptions" @on-change="handleChange">
  <u-tab-item v-for="(item, index) in tabItems" :key="index" :badge="{ value: item.badge, isDot: true, color: selectedTab === index ? 'red' : 'black' }">
    {{ item.title }}
  </u-tab-item>
</u-tabs>

<script>
export default {
  data() {
    return {
      tabItems: ...,
      selectedTab: 0, // 初始选中的标签索引
    };
  },
  methods: {
    handleChange(index) {
      this.selectedTab = index;
    }
  }
}
</script>

在这个例子中，当选中的标签发生变化时，`handleChange`方法会被触发，更新`selectedTab`，然后`badge-color`会根据当前选中的索引动态更改`badge`的颜色。