前言
使用 Vant 2 组件库难免会遇到样式覆盖,网上大部分方案都过时了。如果您的 Vue.js / Nuxt.js 项目使用了该组件库,可参考本文的覆盖方案。小程序版: Vant Weapp - 组件样式覆盖解决方案(官方方法)
## 解决方案> 支持 scoped
,无需在外部定义。语法也很简单,.van-grid-item
即为要覆盖的样式类名。html<style scoped>:deep(.van-grid-item) { /* 您要覆盖的代码 */}</style>
## 写在后面您可通过控制台,找到要修改的组件样式类名。