Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Front-end keret › Az Angular 6 bemutatja a Font Awesome ikon oktatóvideót
Nézet: 25649|Válasz: 2

[Szöglet] Az Angular 6 bemutatja a Font Awesome ikon oktatóvideót

[Linket másol]
Közzétéve 2019. 05. 13. 15:29:22 | | | |
A Font Awesome egy nagyszerű betűtípus-ikonkönyvtár weboldalakhoz, amelyek skálázható vektorikonokat kínálnak, amelyeket méretben, színben, árnyékban és bármilyen CSS-szel stilizálható stílusban lehet testreszabni.

Először is, a megjelenítések:



Környezet:

Szögletes költérték: 6.2.4
Node: 8.9.2
OS: win32 x64

Oktató:

NPM telepítési parancs:

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm WARNING opcionális OPCIONÁLIS FÜGGŐSÉG KIHAGYÁSA:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup OPCIONÁLIS FÜGGŐSÉG KIHAGYÁSA: Nem támogatott platformfsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (jelenlegi: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
69 csomagot adtak hozzá, és 1 csomagot frissítettek a 10.117-es verzióban

Import modul:

Importáljuk a app.module.ts vagy al-útvonal modulban:

Az SCSS stíluslapok bemutatása:

angular.json döntsünk úgy, hogy bevezetnek egy stíluskönyvtárat a használt CSS szintaxison alapján, az alábbiak szerint:

Ha teNem használtCLI, kérjük, importáld a stíluslapot a index.html fájlodba:

(Csak hagyd figyelmen kívül)

Használat:


Tulajdonságok
típus
hajlam
Opcionális
név
Húr
F-A ikonok
Nem
méret
Húr
LG, 2x, 3x, 4x, 5x
Igen
fixen
Boolean
igaz | hamis
Igen
Animáció
Húr
pörgetés | pulzus
Igen
forgatás
Szám | Húr
90 | 180 | 270 vízszintes | Függőleges
Igen
Inverz
Boolean
igaz | hamis
Igen

Betűtípus-ikon keresés:A hiperlink bejelentkezés látható.

Erőforrások:A hiperlink bejelentkezés látható.




Előző:A HR által gyakran használt teljes anyagkészlet
Következő:HTML 500 hibaoldal sablon

Kapcsolódó bejegyzések
Közzétéve 2021. 08. 12. 10:12:26 |
Köszönöm, nagyfiú
 Háziúr| Közzétéve 2024. 08. 07. 21:13:14 |
Az Angular 18-as sorozat (huszonkettő) bemutatja a FontAwesome ikonkönyvtárat
https://www.itsvse.com/thread-10805-1-1.html
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com