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

2021/4/29 20:25:45

编程Tag： 微信 icon 图标 css iconfont wxss 更改后缀名 ..

本文主要是介绍微信小程序如何添加新的icon图标，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

第一步

先去阿里云矢量图标库http://www.iconfont.cn/添加图标至自己的项目中然后点击下载至本地

下载完成之后是一个压缩包，解压压缩包里面有一个css的文件复制到项目中，更改后缀为wxss（因为小程序不能识别css后缀的文件）

第二步

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

@import "../../assets/iconfont/iconfont.wxss";

第三步

在wxml使用

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

这篇关于微信小程序如何添加新的icon图标的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！