如何在父组件中去覆盖子组件中样式?

如果一定要父组件中去覆盖子组件（第三方的）的样式：

方法一： 不要写成scoped. 此时，样式就是全局的。

方法二： 在保持scoped的情况下，还可以使用 /deep/。

为什么用了scoped之后，不能覆盖子组件的样式？

因为scoped会在选择器最后加data-v-xxxxxxx这属性名，所以无法选中子组件的样式。

为什么用了/deep/之后，就可以覆盖子组件的样式？

.index{
    padding-top:50px;
    /deep/ .van-tabs__wrap {
      position:fixed;
      top:46px;
      left:0px;
      right:0px;
    }
    /deep/ .van-tabs--line{
        padding-top:50px; // 让出van-tabs的高度
    }
  }

因为加了deep之后，属性就不会加在其后的选择器上了。
解析后css如下：