Vant Weapp
的所有组件都默认开启了addGlobalClass: true
以接受外部样式的影响
但是在实际操作中发现样式却没有改变,以为插件只要找到对应的命名class覆盖掉来个!important
才有效果,结果还是没有任何反应,后来发现Vant Weapp
文档中有提到
自定义组件
中使用 Vant Weapp 组件时,需开启styleIsolation: 'shared'
选项
解决方法
Component({
options: {
styleIsolation: 'shared',
},
});