小程序引用阿里巴巴矢量库

一、阿里巴巴矢量库简介

阿里妈妈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>

注意：想要引用哪个图标，先去阿里巴巴矢量库官网打开你的项目组，记住你想要的图标名字，然后按照上面格式写就行啦

引用成功

3.团队协作

进入官网，找到你新建的项目，然后通过右边的成员，添加项目组成员，方便其他人都能添加想要的图标进入该项目组，查看想要引用的图标。