SvgIcon组件,设置颜色不生效

SvgIcon组件,设置颜色不生效

代码如下,我看老师就把color的默认值设为 ‘currentColor’ 图标的颜色就变了,插件文档上也没有写啊,我自己写的时候,颜色也没有变。https://img1.sycdn.imooc.com/climg/6656853e09a75b7822741442.jpg


请问老师是如何实现颜色改变的?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

遇到了同样的问题,在插件配置项添加如下代码,可以解决问题。

svgoOptions: {
    full: true,
    plugins: [
        {
            name: 'removeAttrs',
            params: {
                attrs: 'fill'
            }
        }
    ]
}


  • wanglei 提问者 #1

    确实生效了,感谢!

    2024-06-06 15:43:27
Brian 2024-05-29 20:16:02

你有没有配置vite-plugin-svg-icons?


下载课程代码有没有试过?

  • 提问者 wanglei #1

    下载了vite-plugin-svg-icon插件,但没有下载课程代码运行过,请问哪个我应该下载哪个项目?

    2024-05-30 08:54:18
  • Brian 回复 提问者 wanglei #2
    2024-06-01 10:26:27
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端高级工程师(大前端)
  • 参与学习       303    人
  • 解答问题       391    个

全新打造“技术成长&职业破局”双高体系,深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”,递进式锤炼思维与高阶技能,高效实现能力跃迁,助力成为“驾驭全局,深广兼备,打通多端全栈”的高级工程师

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师