修改组件样式的三种方式

麦兜不打野

2023-10-08 帮助1人

在项目中修改css变量
- 全局修改-在common.css文件中修改，项目中使用到该变量的地方都会根据这个值改变 :root{ 变量名:值!important; }
- 局部修改-在.vue文件中的style（scope）中给根标签修改变量值根标签{ 变量名:值!important; }
- 通过重写组件元素的样式（找到该组件的类名，通过穿透重写样式） :deep(.组件类名){ 变量名:值; }