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

发布：2021-06-22 14:19浏览：次来源：网络作者：程小序

第一步

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

如何在微信小程序添加新的icon图标(图1)

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

如何在微信小程序添加新的icon图标(图2)

第二步

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

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

如何在微信小程序添加新的icon图标(图3)

第三步

在wxml使用

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

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。