Angular 6, Font Awesome simge eğitimini tanıtıyor

Küçük · Yayınlandı 13.05.2019 15:29:22

Font Awesome, boyut, renk, gölge ve CSS ile stilize edilebilen herhangi bir stilde özelleştirilebilen ölçeklenebilir vektör simgeleri sunan web sayfaları için harika bir font simgeleri kütüphanesidir.

Öncelikle, renderlemeler:

Çevre:

Angular CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Eğitim:

NPM kurulum komutu:

Giriş görünür.

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm UYARISI İSTEĞE BAĞLILIĞI ATLAMA:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup İSTEĞI ATLAMA ISTEĞE BAĞIMLILIĞI: Desteklenmeyen platformfsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (aklım: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
69 paket eklendi ve 10.117s içinde 1 paket güncellendi

İtçe Modül:

app.module.ts veya alt yönlendirme modülünde içe aktarma:

Giriş görünür.

SCSS stil sayfalarını tanıtmak:

angular.json, kullanılan CSS sözdizimine dayalı bir stil kütüphanesi tanıtmaya karar verirsiniz, aşağıdaki gibi:

Giriş görünür.

Eğer senKullanılmamıştırCLI, lütfen stil sayfasını index.html dosyanıza aktarın:

Giriş görünür.

(Görmezden gel)

Kullanım:

Giriş görünür.

Özellikler	tür	eğilim	Opsiyonel
ad	String	F-A İkonları	Hayır
boyut	String	LG, 2x, 3x, 4x, 5x	Evet
sabit	Boolean	doğru \| yanlış	Evet
Animasyon	String	spin \| nabız	Evet
döndürmek	Sayı \| String	90 \| 180 \| 270 yatay \| dikey	Evet
ters	Boolean	doğru \| yanlış	Evet

Font simgesi arama:Bağlantı girişi görünür.

Kaynaklar:Bağlantı girişi görünür.

yydnjas · Yayınlandı 12.08.2021 10:12:26

Teşekkürler, büyük adam

Küçük · Yayınlandı 7.08.2024 21:13:14

Angular 18 serisi (yirmi iki) FontAwesome ikon kütüphanesini tanıtıyor
https://www.itsvse.com/thread-10805-1-1.html

[Angular] Angular 6, Font Awesome simge eğitimini tanıtıyor

İlgili Yazılar

Görüntülenen bölümler