组件库修改内置样式
组件库修改内置样式
#resource / css
#type / howto
#status / evergreen
[!info] related notes
组件库修改内置样式
组件库中的组件就是 预设元素 + 预设规则集
而规则集中往往使用变量来控制，所以只要修改对应的变量，就可以修改内置样式
修改变量值
在 css 中的 :root 中修改对应的变量的值
这会修改所有使用该变量的组件的样式
怎么能只修改该类组件的样式
同一类组件即 类名相同 的组件，所以只需要在 css 中 添加对应组件的类名中的变量的值
这会修改所有该类组件的样式
只修改某一vue文件内的组件样式
使用 scoped ，在该 vue 文件中设置类的变量值