Как исправить значок, который не отображается (FontAwesome) - PullRequest
Новая
       7

Как исправить значок, который не отображается (FontAwesome)

0 голосов
/ 15 января 2019

Значок, который я хочу отобразить, не отображается.

Я установил FontAwesome, как показано на этой странице: https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs

Я также переустановил его. 

<font-awesome-icon 
    icon="spinner" 
    class="fas fa-spinner fa-spin fa-3x fa-fw">
</font-awesome-icon>

<span class="sr-only">Loading...</span>

Отображается следующее сообщение об ошибке:

Невозможно найти один или несколько значков {префикс: "fas", iconName: "spinner"}

Значок не отображается.

1 Ответ

0 голосов
/ 15 января 2019

Скорее всего, вы не добавляете значок в library из пакета @fortawesome/fontawesome-svg-core для использования компонентом. 

import Vue from "vue";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { library } from "@fortawesome/fontawesome-svg-core";
import { faSpinner } from "@fortawesome/free-solid-svg-icons";

Vue.component("font-awesome-icon", FontAwesomeIcon);

library.add(faSpinner);

После этого нет необходимости указыватьзанятия больше.Поэтому, если вам нужен значок счетчика, который вращается , имеет 3x большой размер и fixed-width - вам следует сделать следующее. 

<font-awesome-icon 
  icon="spinner" 
  size="3x" 
  spin fixed-width>
</font-awesome-icon>

Ссылка :

https://github.com/FortAwesome/vue-fontawesome#basic

...