咨询如何在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
相关产品推荐
相关产品推荐

