微信小程序如何添加新的icon图标

 

第一步

先去阿里云下载图标http://www.iconfont.cn/

根据需要把图片的代码下载下来,下载完成之后是一个

压缩包,解压压缩包里面有一个css的文件复制到项目中,更改后缀为wxss

 

 

 

第二步

在wxss中引入刚才更改后缀名css文件

@import “../../../css/test.wxss”;

 

 

 

 

第三步

在wxml使用

<text class=\’iconfont icon-home\’ style=\’color:#7F8389;font-size:60rpx;\’></text>

 

注意:icon的样式可以在刚才更改后缀名的wxss中更改。

版权声明:本文为shangyunlin原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/shangyunlin/p/9533793.html