需要在van-tabs中加上 class="selectTab",
<van-tabs v-model="active" title-active-color="#268EFF" color="#268EFF" line-width="100px" line-height="4px"
class="selectTab">
<van-tab>
<template #title>
<div style="font-size: 16px;text-align:center">达标优惠</div>
<div style="font-size: 14px;text-align:center">(最高可返3%)</div>
</template>
</van-tab>
<van-tab>
<template #title>
<div style="font-size: 16px;text-align:center">定站优惠</div>
<div style="font-size: 14px;text-align:center">(最高可返7%)</div>
</template>
</van-tab>
</van-tabs>
然后加上下面的样式,就可以修改tab的高度为60px
<style scoped>
.selectTab /deep/ .van-tabs--line {
height: 60px;
}
.selectTab /deep/ .van-tabs__wrap {
height: 60px;
}
</style>