我试图使用 font awesome 图标,但是似乎不起作用。

main.js中,我引入了 import 'font-awesome/css/font-awesome.css',然后这样使用:

<vs-button
    size="small"
    type="gradient"
    color="danger"
    icon-pack="fa"
    icon="close"
></vs-button>

但是似乎不起作用。

发布于 2020-10-20 19:20
共1个回答
EC
游客ecqXMk

首先,“close”似乎不是一个免费的font awesome 图标,参见:https://fontawesome.iconhelper.cn/?q=close

然后,你需要在icon名称前添加前缀fa:

<vs-button
        size="small"
        type="gradient"
        color="danger"
        icon-pack="fa"
        icon="fa-times-circle"
    ></vs-button>
回答问题