Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › Angular 6 introduce il tutorial sulle icone Font Awesome
Vista: 25649|Risposta: 2

[Angolare] Angular 6 introduce il tutorial sulle icone Font Awesome

[Copiato link]
Pubblicato su 13/05/2019 15:29:22 | | | |
Font Awesome è una grande libreria di icone di font per pagine web che offre icone vettoriali scalabili che possono essere personalizzate in dimensione, colore, ombra e qualsiasi stile possa essere stilizzato con CSS.

Prima di tutto, le rappresentazioni:



Ambiente:

CLI angolare: 6.2.4
Node: 8.9.2
OS: win32 x64

Tutorial:

Comando di installazione NPM:

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
NPM WARN OPTIONAL SALTANDO LA DIPENDENZA OPZIONALE:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup SALTANDO DIPENDENZA OPZIONALE: Piattaforma non supportata perfsevents@1.2.9: ricercato {"os":"darwin","arch":"any"} (attuale: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
Aggiunto 69 pacchetti e aggiornato 1 pacchetto in 10.117s

Modulo di importazione:

Importazione nel modulo app.module.ts o sotto-instradamento:

Presentazione dei fogli di stile SCSS:

angular.json, si decide di introdurre una libreria di stili basata sulla sintassi CSS utilizzata, come segue:

Se tuNon utilizzatoCLI, per favore importa il foglio di stile nel tuo file index.html:

(Ignoralo)

Utilizzo:


Proprietà
digitare
disposizione
Opzionale
nome
Corda
F-A Icons
No
grandezza
Corda
lg, 2x, 3x, 4x, 5x
Sì
fisso
Booleano
vero | falso
Sì
Animazione
Corda
spin | impulso
Sì
ruota
Numero | Corda
90 | 180 | 270 orizzontali | verticale
Sì
Inverso
Booleano
vero | falso
Sì

Ricerca con icone di font:Il login del link ipertestuale è visibile.

Risorse:Il login del link ipertestuale è visibile.




Precedente:Un set completo di materiali comunemente utilizzati dalle risorse umane
Prossimo:Modello di pagina di errore HTML 500

Post correlati
Pubblicato su 12/08/2021 10:12:26 |
Grazie, grande
 Padrone di casa| Pubblicato su 07/08/2024 21:13:14 |
La serie Angular 18 (ventidue) introduce la libreria di icone FontAwesome
https://www.itsvse.com/thread-10805-1-1.html
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com