vant 外部样式类 不生效

vant 组件库的样式是基于 Vue 的 scoped CSS 实现的，因此在使用 vant 组件时，如果要修改组件的样式，需要使用 /deep/ 或 >>> 等深度选择器来覆盖 scoped CSS。例如，如果要修改 vant 组件库中按钮的颜色，可以像下面这样编写 CSS：

/* 这里 .my-button 是自定义的样式类 */
.my-button /deep/ .van-button {
  background-color: red;
  color: white;
}

注意，/deep/ 或 >>> 等深度选择器在某些场景下可能会失效，这时可以考虑使用覆盖样式的方式来修改组件的样式。具体来说，可以在组件的根元素上添加 class，并在全局样式中对该 class 进行修改。例如：

<van-button class="my-button">按钮</van-button>

/* 这里 .my-button 是自定义的样式类 */
.my-button {
  background-color: red;
  color: white;
}