Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Angular 6 apresenta o tutorial do ícone Font Awesome
Vista: 25649|Resposta: 2

[Angular] Angular 6 apresenta o tutorial do ícone Font Awesome

[Copiar link]
Publicado em 13/05/2019 15:29:22 | | | |
Font Awesome é uma ótima biblioteca de ícones de fonte para páginas web que oferecem ícones vetoriais escaláveis que podem ser personalizados em tamanho, cor, sombra e qualquer estilo que possa ser estilizado com CSS.

Primeiramente, as renderizações:



Meio Ambiente:

CLI Angular: 6.2.4
Node: 8.9.2
OS: win32 x64

Tutorial:

Comando de Instalação do NPM:

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
NPM ALERTA OPCIONAL PULANDO DEPENDÊNCIA OPCIONAL:fsevents@1.2.9(node_modules\fsevents):
npm AVISO notsup PULANDO DEPENDÊNCIA OPCIONAL: Plataforma não suportada parafsevents@1.2.9: procurado {"os":"darwin","arch":"any"} (atual: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
adicionei 69 pacotes e atualizei 1 pacote em 10.117s

Módulo de Importação:

Importação no módulo app.module.ts ou subroteamento:

Apresentando as folhas de estilo SCSS:

angular.json, decida introduzir uma biblioteca de estilos baseada na sintaxe CSS utilizada, conforme segue:

Se vocêNão utilizadoCLI, por favor, importe a folha de estilos para o seu arquivo index.html:

(Apenas ignore)

Uso:


Propriedades
tipo
disposição
Opcional
nome
Corda
Ícones da F-A
Não
tamanho
Corda
lg, 2x, 3x, 4x, 5x
Sim
fixo
Booleano
Verdade | falso
Sim
Animação
Corda
spin | pulso
Sim
girar
Número | Corda
90 | 180 | 270 horizontal | vertical
Sim
Inverso
Booleano
Verdade | falso
Sim

Busca por ícone de fonte:O login do hiperlink está visível.

Recursos:O login do hiperlink está visível.




Anterior:Um conjunto completo de materiais comumente usados pelo RH
Próximo:Modelo de Página de Erro HTML 500

Posts Relacionados
Publicado em 12/08/2021 10:12:26 |
Obrigado, grandão
 Senhorio| Publicado em 07/08/2024 21:13:14 |
A série Angular 18 (vinte e dois) introduz a biblioteca de ícones FontAwesome
https://www.itsvse.com/thread-10805-1-1.html
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com