简单处理一下在iconfont上管理svg导致颜色代码不可调问题

不知道为啥搜到的都是改css,然而对于静态文件里写死fill的值的svg并没有用,我选择在封装通用的svg-icon组件中,添加js去查询并修改path的fill属性,实测有效

onMounted(() => {
    if(props.color) {
        const dom = document.querySelector(`#icon-${props.name}`)
        dom.childNodes.forEach((node: HTMLElement) => {
            if(node.nodeName === 'path') node.setAttribute('fill', 'currentColor')
        })
    }
})