Angular 6 esittelee Font Awesome -kuvake-opastuksen

Pikku roisto · Julkaistu 13.5.2019 15.29.22

Font Awesome on erinomainen fonttikuvakkeiden kirjasto verkkosivuille, jotka tarjoavat skaalautuvia vektorikuvakkeita, joita voi muokata kooltaan, väriltään, varjostukseltaan ja millä tahansa CSS:llä tyyliltään.

Ensinnäkin, renderöinnit:

Ympäristö:

Angular CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Opastus:

NPM-asennuskomento:

Kirjautuminen näkyy.

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
npm WARN valinnainen VALINNAISEN RIIPPUVUUDEN OHITTAMINEN:fsevents@1.2.9(node_modules\fsevents):
npm WARN NOTSUP VALINNAISEN RIIPPUVUUDEN OHITTAMINEN: Tueton alustafsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (nykyinen: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
lisättiin 69 pakettia ja päivitettiin 1 paketti versiossa 10.117

Tuontimoduuli:

Tuo app.module.ts- tai alireititysmoduulissa:

Kirjautuminen näkyy.

SCSS-tyylitiedostojen esittely:

angular.json päättää ottaa käyttöön tyylikirjasto CSS-syntaksin perusteella seuraavasti:

Kirjautuminen näkyy.

Jos sinäEi käytettyCLI, tuo tyylitiedosto index.html-tiedostoosi:

Kirjautuminen näkyy.

(Älä välitä siitä)

Käyttö:

Kirjautuminen näkyy.

Ominaisuudet	tyyppi	taipumus	Valinnainen
Nimi	Kieli	F-A-ikonit	Ei
koko	Kieli	LG, 2x, 3x, 4x, 5x	Kyllä
Kiinteä	Boolean	totta \| väärä	Kyllä
Animaatio	Kieli	spin \| pulssi	Kyllä
pyöri	Luku \| Kieli	90 \| 180 \| 270 vaakasuuntaa \| Pystysuora	Kyllä
Käänteinen	Boolean	totta \| väärä	Kyllä

Fonttikuvakkeiden haku:Hyperlinkin kirjautuminen on näkyvissä.

Varat:Hyperlinkin kirjautuminen on näkyvissä.

yydnjas · Julkaistu 12.8.2021 10.12.26

Kiitos, iso mies

Pikku roisto · Julkaistu 7.8.2024 21.13.14

Angular 18 -sarja (kaksikymmentäkaksi) esittelee FontAwewe-ikonikirjaston
https://www.itsvse.com/thread-10805-1-1.html

[Angular] Angular 6 esittelee Font Awesome -kuvake-opastuksen

Aiheeseen liittyvät julkaisut

Katsotut osuudet