"Font Awesome" yra puiki tinklalapių šriftų piktogramų biblioteka, siūlanti keičiamo dydžio vektorines piktogramas, kurias galima pritaikyti pagal dydį, spalvą, šešėlį ir bet kokį stilių, kurį galima stilizuoti naudojant CSS.
Visų pirma, atvaizdai:
Aplinka:
Kampinis CLI: 6.2.4
Node: 8.9.2
OS: win32 x64
Pamoka:
npm diegimo komanda:
C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome npm ĮSPĖJIMAS neprivalomas PRALEIDŽIANT PASIRENKAMĄ PRIKLAUSOMYBĘ:fsevents@1.2.9(node_modules\fsevents): npm ĮSPĖJIMAS notsup PRALEIDŽIANT PASIRENKAMĄ PRIKLAUSOMYBĘ: Nepalaikoma platformafsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2 pridėjo 69 paketus ir atnaujino 1 paketą per 10.117 s Importavimo modulis:
Importuoti į app.module.ts arba antrinio maršruto modulį:
Pristatome SCSS stiliaus lapus:
angular.json, nuspręskite įvesti stilių biblioteką, pagrįstą naudojama CSS sintaksė, taip:
JeiNenaudojamasCLI, prašome importuoti stiliaus lapą į savo index.html failą:
(Tiesiog ignoruokite)
Naudojimas:
Savybės | rūšis | Disponavimo | Pasirinktinai | vardas, pavadinimas | Eilutė | F-A piktogramos | Ne | dydis | Eilutė | LG, 2x, 3x, 4x, 5x | Taip | fiksuota | Bulio logika | tiesa | klaidingas | Taip | animacija | Eilutė | nugara | pulsas | Taip | pasukti | Skaičius | Eilutė | 90 | 180 | 270 horizontalus | Vertikalus | Taip | atvirkštinis | Bulio logika | tiesa | klaidingas | Taip |
Šrifto piktogramų paieška:Hipersaito prisijungimas matomas.
Išteklių:Hipersaito prisijungimas matomas. |