小程序模板网

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

发布时间:2021-06-22 14:19 所属栏目:小程序开发教程

第一步

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



 

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

 

第二步

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

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

 

第三步

在wxml使用

 <view class="iconfont icon-success"></view>

 

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


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/26686.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询