如何将阿里云图标导入到微信小程序

如何将阿里云图标导入到微信小程序

阿里巴巴矢量图标库网址
1.先注册一个账号;
2.点击“Icons&Projects”,通过关键词搜索想要的图标;
3.选中看中的图标,加入购物车如何将阿里云图标导入到微信小程序_第1张图片
4.点击正上方的“Icons&Projects”->“My Project”,创建一个“Project”;如何将阿里云图标导入到微信小程序_第2张图片如何将阿里云图标导入到微信小程序_第3张图片
5. 点击右上角的购物车,将选好的图标“Add To Project”,选择创建好的“Project”,“Confirm”;如何将阿里云图标导入到微信小程序_第4张图片
6.点击 “Click on duplicating Code”,出现以下代码,再点击一次复制这段代码;
如何将阿里云图标导入到微信小程序_第5张图片7.点击“Download Code”,下载压缩包,只需解压inconfont.css文件;如何将阿里云图标导入到微信小程序_第6张图片
8.将inconfont.css文件前半段替换成第六步复制的代码;如何将阿里云图标导入到微信小程序_第7张图片如何将阿里云图标导入到微信小程序_第8张图片
9.将这段inconfont.css文件的后缀改成“.wxss”,复制到小程序项目的根目录,这样这些图标就成了小程序的界面样式;
10.在小程序项目里的“.wxml”文件里输入导师介绍,就可以将图标显示出来。
在这里插入图片描述

你可能感兴趣的:(小程序制作分享,小程序,阿里云图标)