vue-element-admin中根据主体颜色动态改变图标颜色

首先必须使用svg图像的icon

框架已经封装好了，我们只需要在使用的地方引入icon图标，具体操作：

1，将你的svg图像放入以下文件夹

2. 在使用的地方引入你的图标，其中icon-class是你的svg的名称

 

basecolor是主题色彩

 

最后，需要注意一点，如果你的UI给到你的 svg本身带有颜色，那么是改不了颜色的，需要将你的svg上传到iconfont（阿里巴巴矢量图标库），编辑去除颜色，然后下载再使用即可。