使用angular正确使用fortawesome的方法!

具体参考下面的文章:链接

http://www.php.cn/js-tutorial-394509.html

1 .使用fortawesome的icon库

引入方式

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

具体所需要的可以参考fortawesome的中文文档:http://www.fontawesome.com.cn/

菜鸟教程:http://www.runoob.com/font-awesome/fontawesome-icons-spinner.html

2. angular如何使用fortawesome

参考文章; http://www.php.cn/js-tutorial-394509.html

第一步,使用npm工具安装fortawesome环境

$ npm install @fortawesome/fontawesome-svg-core --save

$ npm install @fortawesome/free-solid-svg-icons --save

$ npm install @fortawesome/angular-fontawesome --save

第二步: 在app.module.ts,使用library导入库,按你的需要导入图标

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

import { library } from '@fortawesome/fontawesome-svg-core';

//然后导入图标
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';

import { library } from '@fortawesome/fontawesome-svg-core';



//使用,例如你想使用faCoffee 图标,如下导入
import { faCoffee } from '@fortawesome/free-solid-svg-icons';

//将图标添加到library中
library.add(faCoffee);

第三步:使用图标

<!--xxx.html -->

<fa-icon [icon] = "['coffee']"></icon>

<!--如果想使用动画的icon,可以添加如下属性  [spin] 旋转属性, [pulse]脉冲属性 -->

<fa-icon [icon] = "['coffee']"  [spin]="true"  [pulse]= "true"></icon>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值