一般我们自己封装的组件或者组件库(element\vant\antdesign...)中的样式在页面中必要的时候需要改变时,解决方法如下:
解决方法
- 在页面中重新写一个<style></style>,不要改成局部的(scope),页面中全局修改;
- 在上一部的<style></style>中,改变组件样式时,要先定义一个父类,然后再父类下,写你要改的组件的class类名;
- 再类名字便可以修改组件样式;
....
<style lang="scss" scoped>
.app{
}
</style>
<style lang="scss">
.parent{
.child{
....需要修改的样式
}
}
</style>