前端必知:微信小程序如何引入阿里图标 | 8月更文挑战

140 阅读1分钟

这是我参与8月更文挑战的第7天,活动详情查看:8月更文挑战

在我们开发微信小程序的过程中,经常会用到各种小图标。为了节省资源空间,以及便利性,我们通常会使用字体图标,今天就记录一下具体要怎么实现?

寻找图标

(1)打开并注册阿里图库,找到自己需要的图标添加到库 在这里插入图片描述 (2)将图标加入到自己的项目 在这里插入图片描述 在这里插入图片描述

在这里插入图片描述

(3)点击查看在线链接,将代码粘贴保存到自己的项目中。 在这里插入图片描述

在小程序中使用图标

(1)在我们的项目中新建文件,将复制的图标代码粘过来并命名。 在这里插入图片描述 (2)在需要使用图标的页面中引入字体图标文件 在这里插入图片描述 (3)图标实现 在这里插入图片描述 在这里插入图片描述 当然阿里图库提供了三种字体图标的使用方法,我分享的是我个人觉得比较简单好用的方法,如果对其他方法感兴趣可以根据官方的指导去实现一下。