Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › Angular 6 wprowadza tutorial ikon Font Awesome
Widok: 25649|Odpowiedź: 2

[Angular] Angular 6 wprowadza tutorial ikon Font Awesome

[Skopiuj link]
Opublikowano 13.05.2019 15:29:22 | | | |
Font Awesome to świetna biblioteka ikon czcionek dla stron internetowych, oferująca skalowalne ikony wektorowe, które można dostosować pod względem rozmiaru, koloru, cieni oraz dowolnego stylu stylizowanego za pomocą CSS.

Przede wszystkim wizualizacje:



Środowisko:

Angular CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Samouczek:

Polecenie instalacji NPM:

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm OSTRZEGA o opcjonalnej zależności POMIJAJĄCEJ OPCJONALNĄ ZALEŻNOŚĆ:fsevents@1.2.9(node_modules\fsevents):
npm OSTRZEGA notsup POMIJANIE OPCJONALNEJ ZALEŻNOŚCI: Nieobsługiwana platforma dlafsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (aktualnie: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
dodano 69 pakietów i zaktualizowało 1 pakiet w wersji 10.117

Moduł importu:

Import modułu app.module.ts lub podroutingu:

Wprowadzenie arkuszy stylów SCSS:

angular.json, zdecyduj się wprowadzić bibliotekę stylów opartą na składni CSS, w następujący sposób:

Jeśli tyNie używaneCLI, proszę zaimportować arkusz stylów do pliku index.html:

(Po prostu to zignoruj)

Użycie:


Właściwości
typ
usposobienie
Opcjonalne
nazwa
Struna
Ikony F-A
Nie
rozmiar
Struna
LG, 2x, 3x, 4x, 5x
Tak
Stały
Boole
prawdziwe | fałszywe
Tak
Animacja
Struna
spin | puls
Tak
obróć
Liczba | Struna
90 | 180 | 270 poziomo | pionowo
Tak
odwrotność
Boole
prawdziwe | fałszywe
Tak

Wyszukiwanie ikon czcionki:Logowanie do linku jest widoczne.

Zasoby:Logowanie do linku jest widoczne.




Poprzedni:Pełny zestaw materiałów powszechnie używanych przez HR
Następny:Szablon strony błędu HTML 500

Powiązane wpisy
Opublikowano 12.08.2021 10:12:26 |
Dziękuję, wielki chłopie
 Ziemianin| Opublikowano 07.08.2024 21:13:14 |
Seria Angular 18 (dwadzieścia dwa) wprowadza bibliotekę ikon FontAwesome
https://www.itsvse.com/thread-10805-1-1.html
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com