小程序引入阿里云图标

1、创建阿里云图标库账号:https://www.iconfont.cn

2、去到我的项目菜单
小程序引入阿里云图标_第1张图片
3、创建项目
在这里插入图片描述
4、创建项目的各项参数详解:
Font Family 主要作用是在使用这个项目的图标的时候,需要加的前缀,接下来会详细解析
小程序引入阿里云图标_第2张图片
5、去找或者创建自己的图标,然后下载保存为svg格式,或者不用下载和上传,可以直接加入购物车,然后添加到项目就可以了
小程序引入阿里云图标_第3张图片
6、下载完成后,返回到我的项目,进行上传图标
小程序引入阿里云图标_第4张图片
然后,选择刚才下载的SVG格式的图标,进行上传
小程序引入阿里云图标_第5张图片
7、把图标都上传完成后,下载至本地
小程序引入阿里云图标_第6张图片
文件夹的内容为:
小程序引入阿里云图标_第7张图片
将红色框的文件的格式修改为.wxss,然后复制进去小程序

8、小程序引用,在app.wxss,引入
小程序引入阿里云图标_第8张图片
9、最后调用图标
在这里插入图片描述
解析 :iconfont 为创建项目第四步时候的Font Family,icontest1为图标的名称

10、展示成果
在这里插入图片描述

更多精彩技术,请移步 有趣的程序员

你可能感兴趣的:(小程序)