实现局部修改antdesign组件样式主要核心就是使用global
1.可以在项目中建一个文件夹专门存放样式,新建一个table.module.scss。
2.在table.module.scss中加入一下代码
.tag{
:global{
.ant-tag{
background-color:#87d068 ;
color: #fff;
}
.ant-tag:hover {
opacity: 0.7;
}
}
}
tag是我自己命名的样式,ant-tag是ant-design中的样式。
3.引入样式。
在需要的页面引入
import styles from "../../styles/modules/table.module.scss"
完结—