使用vant-tabs改变active-tab样式

在Vant中，可以通过修改vant-tabs组件的active-tab-style属性来改变当前激活标签的样式。这个属性接受一个对象，里面可以定义样式名和值。

以下是一个简单的例子，展示如何通过active-tab-style属性来改变激活标签的样式：

<template>
  <van-tabs v-model="activeTab" active-tab-style="color: #3f51b5;">
    <van-tab title="标签 1">内容 1</van-tab>
    <van-tab title="标签 2">内容 2</van-tab>
    <van-tab title="标签 3">内容 3</van-tab>
  </van-tabs>
</template>
 
<script>
import { ref } from 'vue';
import { Tabs, Tab } from 'vant';
 
export default {
  components: {
    [Tabs.name]: Tabs,
    [Tab.name]: Tab,
  },
  setup() {
    const activeTab = ref(0);
    return { activeTab };
  },
};
</script>

在这个例子中，active-tab-style被设置为color: #3f51b5;，这将改变激活标签的文本颜色为蓝色。你可以根据需要调整其他样式属性，比如font-size、background-color等。