Angular 6 introduserer Font Awesome-ikontutorialen

Lille skurk · Publisert på 13.05.2019 15:29:22

Font Awesome er et flott bibliotek med fontikoner for nettsider som tilbyr skalerbare vektorikoner som kan tilpasses i størrelse, farge, skygge og hvilken som helst stil som kan styles med CSS.

Først og fremst, gjengivelsene:

Miljø:

Vinkel CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Veiledning:

NPM installasjonskommando:

Innlogging er synlig.

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm WARN valgfritt HOPPER OVER VALGFRI AVHENGIGHET:fsevents@1.2.9(node_modules\fsevents):
npm ADVARSEL NOTSUP HOPPER OVER VALGFRI AVHENGIGHET: Ustøttet plattform forfsevents@1.2.9: ønsket {"os":"darwin","arch":"any"} (nåværende: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
La til 69 pakker og oppdaterte 1 pakke i 10.117

Importmodul:

Importer i app.module.ts- eller underrutingsmodulen:

Innlogging er synlig.

Introduksjon av SCSS-stilark:

angular.json, bestemme meg for å introdusere et stilbibliotek basert på CSS-syntaksen som brukes, som følger:

Innlogging er synlig.

Hvis duIkke bruktCLI, vennligst importer stylesheetet til din index.html-fil:

Innlogging er synlig.

(Bare ignorer det)

Bruk:

Innlogging er synlig.

Egenskaper	type	disposisjon	Valgfritt
navn	Streng	F-A-ikoner	Nei
størrelse	Streng	LG, 2x, 3x, 4x, 5x	Ja
Fikset	Boolsk	Sant \| falsk	Ja
Animasjon	Streng	spin \| Puls	Ja
Roter	Nummer \| Streng	90 \| 180 \| 270 horisontalt \| vertikal	Ja
Invers	Boolsk	Sant \| falsk	Ja

Søk etter fontikon:Innloggingen med hyperkoblingen er synlig.

Ressurser:Innloggingen med hyperkoblingen er synlig.

yydnjas · Publisert på 12.08.2021 10:12:26

Takk, store kar

Lille skurk · Publisert på 07.08.2024 21:13:14

Angular 18-serien (tjueto) introduserer FontAwesome-ikonbiblioteket
https://www.itsvse.com/thread-10805-1-1.html

[Kantet] Angular 6 introduserer Font Awesome-ikontutorialen

Relaterte innlegg

Seksjoner sett