【Vuesax】如何使用 font awesome brands 图标？

我试图使用 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个回答

游客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>

发布于 2020-10-20 19:24

回答问题

Vuesax
/
全部问答
/
如何使用 font awesome brands 图标？

908 阅读

1 回答

0 赞

【Vuesax】 如何使用 font awesome brands 图标？

【Vuesax】如何使用 font awesome brands 图标？