小程序开发:uniapp如何正确引入阿里巴巴图标库(亲测有效)

我们都知道uniapp中引入外部图标是比较麻烦的事情,因为它不能像网页一样直接使用网址引入,所以就需要你下载下来引入了,网上有不少的引入办法,不过都说的不明不白的,这一篇讲的就比较清晰了,分享给大家:

首先,我们要去阿里巴巴图标库注册一个账号,你可以在铬元素工作室的工具页面找到链接;

登陆以后,我们搜索需要的图标,然后将他保存到项目,如果没有项目,那就新建一个了:

点击上边那个购物车就可以把图标收藏,然后就跟购物一样打开购物车,它就会提示你保存到哪个项目,因此我们需要一次性选好图标,然后批量加入,节约时间

添加到项目以后,我们打开这个项目,就可以看到所有我们保存的图标,然后我先font class 下载到本地:

下载后是一个压缩包,解压以后,我们只需要里边的两个文件:iconfont.css和iconfont.ttf

复制一下iconfont.ttf文件到项目下,可以放到static静态资源下,然后复制iconfont.css到公用css文件夹,当然了这个随便了就,打开文件,修改一下引入就可以了:

文件之前的引入是线上引入,显然是不行的,会报错,所以我们只需要修改成本地引入就可以了,其他的都删除。

如何使用呢?方法也很简单,只需要在class里边引入格式就行了,具体格式如下:

这个办法感觉还是很简单的,也容易理解,希望可以帮助更多的小程序开发者。

常见问题
所有的素材与插件都可以用吗?
本站所有的素材与插件(包括免费的),都是本工作室用过的,测试过的,或者二开修改过的,理论上来说没有什么bug,但不保证在所有环境下都可以完美运行。
收费素材与免费素材怎么定义的
本站收费的素材,也是及其便宜的,其实就是收个打赏钱,是工作室对这些插件的测试,整理,修复,优化的辛苦钱,并非开发插件的费用,原创插件或者模版收费稍贵一些。
出现问题了怎么办?
由于收费非常低,大部分都不超10元,所以并不提供售后服务,但您如果需要,可以联系我付费咨询,费用为50元/次/小时。如果是原创模版或者插件,可以免费为您指导。
原文链接:https://www.52gys.cn/3887.html,转载请注明出处。
0

评论0

没有账号?注册  忘记密码?