Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Ansehen: 25649|Antwort: 2

[Kantig] Angular 6 führt das Tutorial zum Font Awesome-Icon ein

[Link kopieren]
Veröffentlicht am 13.05.2019 15:29:22 | | | |
Font Awesome ist eine großartige Bibliothek von Schriftsymbolen für Webseiten, die skalierbare Vektorsymbole bietet, die in Größe, Farbe, Schatten und jedem Stil, der mit CSS gestaltet werden kann, individuell angepasst werden können.

Zunächst einmal die Renderings:



Umgebung:

Winkel-CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Tutorial:

NPM-Installationsbefehl:

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm WARN optional OPTIONALE ABHÄNGIGKEIT ÜBERSPRINGT:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup OPTIONALE ABHÄNGIGKEIT ÜBERSPRINGT: Nicht unterstützte Plattform fürfsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (aktuell: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
69 Pakete hinzugefügt und 1 Paket in 10.117s aktualisiert

Importmodul:

Importieren Sie in das app.module.ts oder Sub-Routing-Modul:

Einführung der SCSS-Stylesheets:

angular.json, eine Stilbibliothek auf Basis der verwendeten CSS-Syntax einzuführen, wie folgt:

Wenn SieNicht benutztCLI, bitte importiere das Stylesheet in deine index.html-Datei:

(Ignoriere es einfach)

Verwendung:


Eigenschaften
Art
Veranlagung
Optional
Name
Schnur
F-A Icons
Nein
Größe
Schnur
LG, 2x, 3x, 4x, 5x
Ja
Fest
Boolesch
Wahr | FALSCH
Ja
Animation
Schnur
spin | Puls
Ja
Drehen
Zahl | Schnur
90 | 180 | 270 horizontal | Vertikal
Ja
Revers
Boolesch
Wahr | FALSCH
Ja

Schriftart-Icon-Suche:Der Hyperlink-Login ist sichtbar.

Betriebsmittel:Der Hyperlink-Login ist sichtbar.




Vorhergehend:Ein vollständiger Satz von Materialien, die häufig von der Personalabteilung verwendet werden
Nächster:HTML 500 Fehlerseite-Vorlage
Veröffentlicht am 12.08.2021 10:12:26 |
Danke, Großer
 Vermieter| Veröffentlicht am 07.08.2024 21:13:14 |
Die Angular 18-Serie (zweiundzwanzig) führt die FontAwesome-Icon-Bibliothek ein
https://www.itsvse.com/thread-10805-1-1.html
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.

Mail To:help@itsvse.com