Console-LIJIE

微信小程序中引入阿里巴巴矢量图标库

1、将图标加入项目中,然后下载至本地

 

 

 

2、将下载好的资源文件中的iconfont.css复制到项目中,并且引入公共样式app.wxss

 

 

注意:引入后会报错,File not found: ./utils/iconfont.css,因为小程序不识别css文件,将css后缀改为wxss即可,iconfont.wxss

3、将iconfont.wxss文件中头部的 @font-face内容 更换掉

 

 

 

4、使用

 

 

5、更换图标颜色,直接在对应的文件中加类

 

6、更新图标

添加到对应的项目后重新下载iconfont.css,按上述步骤引入即可。

uniapp同上

posted on 2021-03-09 11:07  求脱单  阅读(116)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章: