Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie kleine Icons mit Font Awesome über Vue.js

So implementieren Sie kleine Icons mit Font Awesome über Vue.js

不言
不言Original
2018-07-14 17:19:172982Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung der kleinen Symbole von Font Awesome in Vue.js vorgestellt. Er hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf verweisen 🎜 >1. Font Awesome installieren

  • npm i --save @fortawesome/fontawesome-svg-core
    npm i --save @fortawesome/free-solid-svg-icons
    npm i --save @fortawesome/vue-fontawesome

  • 2. Konfiguration (in der Datei src/main.js), achten Sie auf mehrere eingeführte Module und geladene Module, Es kann erst nach Einführung im Projekt verwendet werden. In diesem Beispiel wird nur die Verwendung von Kaffee vorgestellt 🎜>
4. Rendering (kleine Symbole im roten Bereich sichtbar)
Das Obige ist der gesamte Inhalt dieses Artikels hilfreich für das Studium aller. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!
  • Verwandte Empfehlungen:

  • Grundelemente der Elementformvalidierung in Vue

  • Vue-basierter mobiler Web-Musikplayer. Implementierung von So implementieren Sie kleine Icons mit Font Awesome über Vue.js

Das obige ist der detaillierte Inhalt vonSo implementieren Sie kleine Icons mit Font Awesome über Vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn