scrapy如何指定生成python3的项目_如何把阿里图标库的图标生成代码并应用于自己的项目...

有时候需要用很多图标去完成一定的页面效果和工作展现,框架内置的图标可能满足不了我们的需求,有个很好的图标库想必大家都知道-----就是阿里图标库。那么我们如何才能够把阿狸图标库的图标引用到自己的项目中呢?耐着性子往下看吧!
阿里图标库地址:https://www.iconfont.cn/
1.根据所需搜索到想要的图标,鼠标悬停,点击添加到购物车

9080e605b1d9e0e0027de0b4144c44e3.png


1.png

2.点击购物车

c97db5ff3cd5b35eabddd50940ef05b4.png


2.png

3.点击添加至项目

90891f5bf4a8ba751b7f4cd348abdeee.png


3.png

4.选择添加到一个项目里面,点击确定

31e6d26bee44597215c36bf3c927529c.png


4.png

5.点击font class 的选项,可以看到你添加过的图标,下面的英文对应的是图标代码,点击下载至本地。

c0c7c2601dd4a1e2a80b49c96830e7b4.png


5.png

6.你会的到一个download的压缩包,解压文件

55c4e350cc3be9b6b69a8e582ffcd126.png


6.png

7.复制除第一个二文件其余的文件至你的项目资源目录

67aefb217b8db3985ef41653b1ffacba.png


7.png

8.引用iconfont.css至你的前端项目 请注意引用文件路径的正确性。

7879f39aa0cdde45dd384992b972fe78.png


8.png

9.使用的时候

第一个类名是固定的iconfont 第二个类名是你所需要的类名,取自于fontClass代码

6c09dc7976f33900ab108edf7575a8da.png


9.png

4e83b3ce409b7066c3c8275c76784767.png


10.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值