Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Angular 6 présente le tutoriel des icônes Font Awesome
Vue: 25649|Répondre: 2

[Angulaire] Angular 6 présente le tutoriel des icônes Font Awesome

[Copié le lien]
Publié sur 13/05/2019 15:29:22 | | | |
Font Awesome est une excellente bibliothèque d’icônes de polices pour pages web qui propose des icônes vectorielles évolutives pouvant être personnalisées en taille, couleur, ombre et tout style pouvant être stylisé avec CSS.

Tout d’abord, les rendus :



Environnement :

CLI angulaire : 6.2.4
Node: 8.9.2
OS: win32 x64

Tutoriel :

Commande d’installation du NPM :

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
NPM WARN OPTIONNEL SAUTANT DÉPENDANCE OPTIONNELLE :fsevents@1.2.9(node_modules\fsevents) :
npm WARN notsup SAUTER UNE DÉPENDANCE OPTIONNELLE : Plateforme non prise en charge pourfsevents@1.2.9: recherché {"os » :"darwin »,"arch » :"any"} (actuel : {"os » :"win32 »,"arch » :"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
ajouté 69 paquets et mis à jour 1 paquet en 10.117s

Module d’importation :

Importez dans le module app.module.ts ou sous-routage :

Voici les feuilles de style SCSS :

angular.json, décidez d’introduire une bibliothèque de styles basée sur la syntaxe CSS utilisée, comme suit :

Si vousNon utiliséCLI, merci d’importer la feuille de style dans votre fichier index.html :

(Ignore-le)

Utilisation :


Propriétés
type
disposition
Optionnel
nom
Corde
F-A Icons
Non
taille
Corde
LG, 2x, 3x, 4x, 5x
Oui
fixé
Booléen
vrai | faux
Oui
Animation
Corde
spin | Impulsion
Oui
Rotation
Numéro | Corde
90 | 180 | 270 horizontale | Vertical
Oui
inverse
Booléen
vrai | faux
Oui

Recherche d’icônes de police :La connexion hyperlientérée est visible.

Ressources:La connexion hyperlientérée est visible.




Précédent:Un ensemble complet de documents couramment utilisés par les RH
Prochain:Modèle de page d’erreur HTML 500

Articles connexes
Publié sur 12/08/2021 10:12:26 |
Merci, grand
 Propriétaire| Publié sur 07/08/2024 21:13:14 |
La série Angular 18 (vingt-deux) introduit la bibliothèque d’icônes FontAwesome
https://www.itsvse.com/thread-10805-1-1.html
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com