uniapp中引入阿里图标

一.在uniapp中发现，以往H5的阿里使用步骤失效了：

1.把图标加入购物车，在购物车里添加至项目，选择下载至本地

2.把文件夹里除了html和demo的全部粘贴至软件
3.link引入iconfont.css,在html文件中查看图标编码

4.<i class="iconfont">图标编码</i> 用i.iconfont{ fontsize}调整图标大小 或者用类

<i class="iconfont 类名"> </i> 或伪类 li：：before{content：‘\图标编号’；font-family:'iconfont'}

二、uniapp中引入

1.将选中的图标加入库

 2.点击

3.点击添加至项目

 

 4.下载图标

5.选择下载压缩包中的iconfont.css，将文件复制粘贴到uniapp项目

 

 6.在阿里素材库中，点击查看在线链接，选择Unicode，复制下方代码

 7.将复制的代码替换红框内代码（ps：不要在url前面加https）

 8.在main.js中根据路径引入iconfont.css

 9.在页面中，需要使用class=“iconfont”