1. 把选择的图标加入购物车 2.解压下载好的图标包，进入解压的文件夹 3. 在解压好的文件夹内打开终端 4. 在
转载
2021-11-04 10:03:00
1204阅读
2评论
官网：iconfont.cn 1.选图标，添加到自己的项目 2.选 font class 类别，下载，这个类别简洁易用 3.拷贝5个文件到assets目录，其他目录也行 4.main.js引入 5.使用 两个方法 （1）i标签、span标签等 <i class="iconfont icon-qunz
原创
2022-05-12 17:53:58
655阅读
使用阿里巴巴的图标库拓展iview图标库2019年05月09日 10:15:34追逐、阅读数 271、前言现在项目中使用的图标库，如果不是基于某些特定的业务，基本上都可以在阿里巴巴图标库中找到相应的图标，这样大大减少了UI的压力，我们自己需要什么图标，自己可以去创建项目，将需要的图标归类打包到项目中，然后实现下载，直接引用即可。二、创建图标库1 进入图标库官网，注册登录（有...
转载
2021-06-05 16:29:29
1202阅读
方法一： 1：找到自己想要的图标库 2：按F12打开控制台，在console中输入 var iconList = document.querySelectorAll('.icon-gouwuche1'); for (var i = 0; i < iconList.length; i++) { ico
转载
2019-02-11 23:21:00
454阅读
2评论
一、在官网选择合适的字体图标加入到项目中，然后在页面中打卡在线链接，全选复制代码二、新建一个字体图标库样式文件(iconfont.css）,然后粘贴刚刚复制的代码三、使用字体图标1、首先要在app.vue文件中引入刚刚新建的字体图标库样式2、使用图标
原创
2021-04-07 17:21:01
437阅读
一、在官网选择合适的字体图标加入到项目中，然后在页面中打卡在线链接，全选复制代码二、新建一个字体图标库样式文件(iconfont.css）,然后粘贴刚刚复制的代码三、使用字体图标1、首先要在app.vue文件中引入刚刚新建的字体图标库样式2、使用图标其他方法在uni-app中使用阿里巴巴图标库字体图标UNI-APP引入第三方字体库问题
原创
2021-04-07 20:59:29
528阅读
1，打开阿里巴巴矢量图标库http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.da2e3581b&type=1 2，选择需要的图标加入购物车；3，将购物车中的图标加入本地项目；第一种方法：（1）获取在线链接，将获取到的在线链接复制到编辑器css文件；（2）<i class="iconfont"&g
原创
2017-07-17 14:57:56
10000+阅读
在参考小米官网写页面时，会发现小米中有很多的矢量图标，小米的图标或许是自己的，但是我们写页面时要用到矢量图标时怎么办，可以使用阿里提供的图标库阿里矢量图标库网址：https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a 注册一个账号就可以免费的使用了。使用方法如下： 第二步 第三步 添加购物车 代码下载后会有一个如下的文件
转载
2020-07-13 20:28:00
1246阅读
2评论
首先搜索你想要的图标,点击类似购物车的icon图标,点击添加入库,接着点击添加到项目中,也可以新建一个项目,然后就可以下载图标到你的代码文件夹中,也可以使用在线链接在代码中新建一个Myicon.js文件,然后复制这段代码,接着在使用的地方,把这个Myincon.js的路径引入过去,并且使用<MyIcon type="icon-mingpian" style={{ fontSize: '20p
原创
2024-08-06 20:33:27
452阅读
小程序的代码包不能超过4M，为了压缩代码包的大小，可以通过第三方链接引入图标资源Iconfont 无疑是最常用的第三方图标库，这里介绍一下引入 Iconfont 的方法一、下载图标首先挑选图标，添加入库然后添加至项目 然后在“我的项目”中，将资源文件下载到本地建议设置为 font class 二、在项目中引入资源在小程序项目中建一个 iconfont.wxs
1.打开iconfont阿里巴巴官网https://www.iconfont.cn2.新建项目(这样方便后期维护图标库) image.png3.把需要的图标添加到购物车 image.png4.打开购物车并选择添加至项目，然后确定 image.png5.这时候可以在项目中看到你选中的svg图标，这时候可以点击下载至本地 image.png6.打开下载的zip包
原创
2023-05-26 10:41:27
230阅读
打开https://www.iconfont.cn，直接搜索图标名称即可：
原创
2021-07-02 11:00:55
1002阅读
场景工作中如果用到常用的一些图片去哪寻找。阿里巴巴矢量图标库：https://www.iconfont.cn/home/index 注： 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。实现登录之后可以直接搜索需要的图标，这里以清除为例 然后选择喜欢的图标，点击下载按钮，会弹出设置颜色与大小选项 设置之后可以选择指定格式下载这里是下载的png
原创
2023-03-22 09:18:36
469阅读
打开https://www.iconfont.cn，直接搜索图标名称即可：
原创
2022-01-19 11:00:39
439阅读
注意：在uni-app中引入阿里巴巴图标库步骤同上。
原创
2021-04-07 17:21:29
1581阅读
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /
原创
2022-10-09 20:38:27
136阅读
十年河东，十年河西，莫欺少年穷 学无止境，精益求精 1、百度搜索阿里巴巴图标库，
原创
2021-11-08 17:50:31
466阅读
本文主要记录Iconfont-阿里巴巴矢量图标库的使用。 Iconfont-阿里巴巴矢量图标库地址：Iconfont-阿里巴巴矢量图标库 Iconfont提供以下功能： 在线图标搜索 图标分捡下载 在线储存 矢量格式转换 图标库管理 Iconfont-阿里巴巴矢量图标库使用的优势： 自由变化大小（高
原创
2022-05-29 00:41:26
2466阅读
前言:element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下. 对于我们来说，首选的当然是阿里icon库 地址:http://www.iconfont.cn/ 1. 阿里注册登陆账号 2. 创建一个新的项目 再次提醒:
原创
2021-07-30 16:01:12
1242阅读
