一、阿里巴巴矢量库简介
阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。
二、使用方法
1.准备
-
进入官网注册账号https://www.iconfont.cn/
-
搜索选择你想要的图标,点击小车图标,添加入库
-
将库中的图标添加到你创建的项目组
-
在你的小程序项目中新建
incon-alibaba.wxss文件
如下图:
将刚才浏览器打开链接里面的内容粘贴进文件
2.使用
- 在app.css中引用
@import "colorui/icon-alibaba.wxss";
- 在页面中直接用图标
<view class="iconfont icon-badge"></view>