如何使用uniapp开发小程序使用阿里图标库

1、进入阿里巴巴矢量图标库https://www.iconfont.cn/，添加图标到项目，然后下载至本地

解压后文件如下

2、下载iconfont-tools
npm install -g iconfont-tools
3.在解压后的文件夹下执行命令：iconfont-tools

其中的名称等是可以修改的，这里保持一路回车保持默认，会在文件夹下生产设置的输出的文件夹名称

打开生成的文件夹将里面的css文件复制到src目录下的static，生成的文件夹中的css文件、wxss文件、icon/icon.wxss文件都是重复的，我们可根据项目使用，在APP.vue中引入放在static文件夹下的样式文件

3.在要使用图标的文件中使用

说明：其中t-icon是必须的，在样式中，t-icon是在执行iconfont-tools命令时设置的css样式前缀
.t-icon {
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}