Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › Angular 6 presenta el tutorial de iconos Font Awesome
Vista: 25649|Respuesta: 2

[Angular] Angular 6 presenta el tutorial de iconos Font Awesome

[Copiar enlace]
Publicado en 13/5/2019 15:29:22 | | | |
Font Awesome es una gran biblioteca de iconos de fuentes para páginas web que ofrecen iconos vectoriales escalables que pueden personalizarse en tamaño, color, sombra y cualquier estilo que se pueda estilizar con CSS.

En primer lugar, las representaciones:



Medio ambiente:

CLI angular: 6.2.4
Node: 8.9.2
OS: win32 x64

Tutorial:

Comando de instalación del NPM:

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
NPM WARN OPCIONAL SALTARSE DEPENDENCIA OPCIONAL:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup SALTANDO DEPENDENCIA OPCIONAL: Plataforma no soportada parafsevents@1.2.9: se busca {"os":"darwin","arch":"any"} (actual: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
Añadimos 69 paquetes y actualizamos 1 paquete en 10.117s

Módulo de importación:

Importar en el módulo app.module.ts o sub-enrutamiento:

Presentando hojas de estilo SCSS:

angular.json, deciden introducir una biblioteca de estilos basada en la sintaxis CSS utilizada, de la siguiente manera:

Si túNo utilizadoCLI, por favor importa la hoja de estilo a tu archivo index.html:

(Ignóralo)

Uso:


Propiedades
tipo
disposición
Opcional
nombre
Cuerda
F-A Icons
No
tamaño
Cuerda
LG, 2x, 3x, 4x, 5x
Sí
Fijado
Booleano
Verdadero | falso
Sí
Animación
Cuerda
spin | pulso
Sí
rotar
Número | Cuerda
90 | 180 | 270 horizontales | vertical
Sí
inverso
Booleano
Verdadero | falso
Sí

Búsqueda de iconos de fuente:El inicio de sesión del hipervínculo es visible.

Recursos:El inicio de sesión del hipervínculo es visible.




Anterior:Un conjunto completo de materiales comúnmente utilizados por RRHH
Próximo:Plantilla de página de error HTML 500

Publicaciones relacionadas
Publicado en 12/8/2021 10:12:26 |
Gracias, grandullón
 Propietario| Publicado en 7/8/2024 21:13:14 |
La serie Angular 18 (veintidós) introduce la biblioteca de iconos FontAwesome
https://www.itsvse.com/thread-10805-1-1.html
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com