记录mpvue+vant-weapp的使用(三):组件样式覆盖问题

官方有介绍:https://youzan.github.io/vant-weapp/#/custom-style

记录mpvue+vant-weapp的使用(三):组件样式覆盖问题_第1张图片

我这里使用的外部样式

主要按钮
.my-buttom{
      background-color: #fff !important;
    }

刚开始不生效,找了很久发现是代码的问题

记录mpvue+vant-weapp的使用(三):组件样式覆盖问题_第2张图片

这里加了scoped之后,作用是防止样式类冲突,会自己拼一个hash值的后缀,所以没有效果,就会变成下面这样。。。吐血~~

记录mpvue+vant-weapp的使用(三):组件样式覆盖问题_第3张图片

还有一种没有生效的原因可能是没有编译,需要重新npm run dev

你可能感兴趣的:(记录mpvue+vant-weapp的使用(三):组件样式覆盖问题)