阿里图标库的使用图解,超详细,超实用,多次踩坑所作

阿里图标库的使用图解,超详细,超实用,多次踩坑所作
#经验分享#感悟

1.找到官网,输入自己想用的图标
(我以主页为例)
在这里插入图片描述

2.选着你想要的,添加购物车
在这里插入图片描述
3.在自己的购物车中,找到它,在这里插入图片描述
4.,建议每做一个项目就新建一个项目去存图标方便自己进行用

在这里插入图片描述
5.把它加入到自己项目中
在这里插入图片描述
6.进去之后是这样的
在这里插入图片描述
7.点击Unicode
在这里插入图片描述

8.点击下载,
在这里插入图片描述
9.注意看左下角,
在这里插入图片描述
10.找到下载后的压缩包
在这里插入图片描述
10.解压到你的工作的文件夹下
在这里插入图片描述
11.到你的工作空间
在这里插入图片描述

12.在网页中引入
在这里插入图片描述

13.点击font calss
在这里插入图片描述

(重点来了)

获取带icon的图标名字

复制带icon的图标名字,先记录到你的小本本上,或者备忘录里,为一会做准备
在这里插入图片描述

15.重中之重来啦:
注意写的方式
在这里插入图片描述

结束啦,来看一下成品:
在这里插入图片描述

好啦,我的分享就到这里啦,哈哈哈,希望能解决你的一些问题,哈哈哈,睡觉啦~

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值