vant-tabs怎么自定义标题高度且不会影响子组件

Question

vant-tabs怎么自定义标题高度且不会影响子组件，目前我在父组件这样定义，但是子组件再写一个van-tabs会发现他用了我父组件改的样式

<style lang="less">
.parent-nav {
  .parent-tabs {
    .van-tabs__nav {
      background-color: #f5f5f5;
    }
    .van-tabs__wrap {
      height: 100px;
    }
    .van-tabs__line {
      display: none;
    }
  }
}
</style>

Answer 1

在父组件样式里面加上scoped:

<style lang="less" scoped>
.parent-nav {
  .parent-tabs {
    .van-tabs__nav {
      background-color: #f5f5f5;
    }
    .van-tabs__wrap {
      height: 100px;
    }
    .van-tabs__line {
      display: none;
    }
  }
}
</style>