我们项目中经常使用图标,并且大部分都是从iconfont中找的,但是得到的图标都是黑色模式,到项目中之后,要根据主题动态调整颜色,所以就需要修改颜色,这个时候就发现单纯修改color是没有用的,需要使用path的fill来修改
.icon {
width: 100%;
height: 100%;
path {
fill: var(--vp-c-text-1);
}
}
这样就可以了: