Angular 6 introducerar Font Awesome-ikontutorialen

Lilla avskum · Publicerad på 2019-05-13 15:29:22

Font Awesome är ett utmärkt bibliotek med typsnittsikoner för webbsidor som erbjuder skalbara vektorikoner som kan anpassas i storlek, färg, skugga och vilken stil som helst som kan stylas med CSS.

Först och främst, renderingarna:

Miljö:

Vinkelmässig CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Handledning:

NPM-installationskommando:

Inloggningen är synlig.

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm WARN valfritt HOPPAR ÖVER VALFRITT BEROENDE:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup HOPPAR ÖVER VALFRITT BEROENDE: Ej stödd plattform förfsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (nuvarande: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
lade till 69 paket och uppdaterade 1 paket i 10.117s

Importmodul:

Importera i app.module.ts eller delroutningsmodulen:

Inloggningen är synlig.

Introduktion av SCSS-stilmallar:

angular.json besluta att introducera ett stilbibliotek baserat på CSS-syntaxen som används, enligt följande:

Inloggningen är synlig.

Om duEj användCLI, vänligen importera stilmallen till din index.html fil:

Inloggningen är synlig.

(Ignorera det bara)

Användning:

Inloggningen är synlig.

Egenskaper	typ	läggning	Valfritt
Namn	Sträng	F-A-ikoner	Nej
storlek	Sträng	LG, 2x, 3x, 4x, 5x	Ja
Fixat	Boolesk	Sant \| falskt	Ja
Animation	Sträng	spin \| Puls	Ja
Rotera	Nummer \| Sträng	90 \| 180 \| 270 horisontellt \| vertikalt	Ja
Invers	Boolesk	Sant \| falskt	Ja

Typsnittsikonsökning:Inloggningen med hyperlänken är synlig.

Resurser:Inloggningen med hyperlänken är synlig.

yydnjas · Publicerad på 2021-08-12 10:12:26

Tack, stora killen

Lilla avskum · Publicerad på 2024-08-07 21:13:14

Angular 18-serien (tjugotvå) introducerar FontAwesome-ikonbiblioteket
https://www.itsvse.com/thread-10805-1-1.html

[Kantig] Angular 6 introducerar Font Awesome-ikontutorialen

Relaterade inlägg

Avsnitt som ses