Angular 6 iepazīstina ar Font Awesome ikonu apmācību

Maz putas · Publicēts 13.05.2019 15:29:22

Font Awesome ir lieliska fontu ikonu bibliotēka tīmekļa lapām, kas piedāvā mērogojamas vektoru ikonas, kuras var pielāgot pēc izmēra, krāsas, ēnas un jebkura stila, ko var veidot ar CSS.

Pirmkārt, atveidojumi:

Vide:

Leņķa CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Apmācība:

npm instalēšanas komanda:

Pieteikšanās ir redzama.

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm BRĪDINĀJUMS pēc izvēles IZLAIŽOT NEOBLIGĀTO ATKARĪBU:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup IZLAIŽOT IZVĒLES ATKARĪBU: Neatbalstīta platformafsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (pašreizējais: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
Pievienotas 69 pakotnes un atjaunināta 1 pakotne 10.117 sekundēs

Importēšanas modulis:

Importēšana app.module.ts vai apakšmaršrutēšanas modulī:

Pieteikšanās ir redzama.

Iepazīstinām ar SCSS stila lapām:

angular.json nolemj ieviest stilu bibliotēku, kuras pamatā ir izmantotā CSS sintakse, šādi:

Pieteikšanās ir redzama.

Ja jūsNetiek izmantotsCLI, lūdzu, importējiet stila lapu savā index.html failā:

Pieteikšanās ir redzama.

(Vienkārši ignorējiet to)

Lietošana:

Pieteikšanās ir redzama.

Rekvizīti	tips	Izvietojuma	Pēc izvēles
vārds	Virkne	F-A ikonas	Nē
lielums	Virkne	lg, 2x, 3x, 4x, 5x	Jā
fiksēts	Būla	patiess \| nepatiess	Jā
animācija	Virkne	griešanās \| pulss	Jā
Pagriezt	Skaits \| Virkne	90 \| 180 \| 270 horizontāli \| vertikāli	Jā
apgriezts	Būla	patiess \| nepatiess	Jā

Fontu ikonu meklēšana:Hipersaites pieteikšanās ir redzama.

Resursu:Hipersaites pieteikšanās ir redzama.

yydnjas · Publicēts 12.08.2021 10:12:26

Paldies, lielais puisis

Maz putas · Publicēts 07.08.2024 21:13:14

Angular 18 sērija (divdesmit divas) iepazīstina ar FontAwesome ikonu bibliotēku
https://www.itsvse.com/thread-10805-1-1.html

[Leņķis] Angular 6 iepazīstina ar Font Awesome ikonu apmācību

Saistītās ziņas

Skatītās sadaļas