0
点赞
收藏
分享

微信扫一扫

Angular 中使用 Font Awesome图标

guanguans 2022-08-10 阅读 55


Font Awesome是一个非常强大的图标插件,这篇文章就是讲解我在项目中怎么使用它

环境

Angular 8

npm导入

  • cnpm install @fortawesome/fontawesome-svg-core
  • cnpm install @fortawesome/free-solid-svg-icons
  • cnpm install @fortawesome/angular-fontawesome@<^0.5.2>

在AppModule中引入

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';

在import中导入

Angular 中使用 Font Awesome图标_html页面


在需要使用的地方引入需要使用的图标

举两个例子

Angular 中使用 Font Awesome图标_html页面_02


Angular 中使用 Font Awesome图标_ico_03


在组建中引入

Angular 中使用 Font Awesome图标_html页面_04


Angular 中使用 Font Awesome图标_html页面_05

HTML页面

Angular 中使用 Font Awesome图标_ico_06


就可以在页面显示了再来一个,可以对比的进行

Angular 中使用 Font Awesome图标_html页面_07


Angular 中使用 Font Awesome图标_ico_08


Angular 中使用 Font Awesome图标_html页面_09


Angular 中使用 Font Awesome图标_ico_10


好了,完成


举报

相关推荐

0 条评论