You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

咨询如何在vue-awesome中使用window-close常规(regular)图标

解决vue-awesome中window-close图标切换为常规(regular)样式的问题

我来帮你搞定这个小问题!你已经正确完成了vue-awesome图标组件的引入工作,默认显示实心(solid)图标是因为组件的默认variant属性值就是solid,要切换到常规样式只需要加一个属性就行:

直接在<icon>标签里添加variant="regular"属性即可,代码示例如下:

<icon name="window-close" variant="regular"></icon>

需要注意的是,不是所有图标都具备regular版本,但window-close确实支持这个样式,所以这样写就能正常显示你想要的常规图标啦。如果之后遇到其他图标切换样式的需求,也可以用同样的方式指定variant属性的值(可选值包括brands、regular、solid)。

内容的提问来源于stack exchange,提问作者timpone

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 08:54:31