小程序中使用字体图标(阿里巴巴矢量图标库)为例

  • • 发表于 3个月前
  • • 作者 黑色领带结
  • • 1374 人浏览
  • • 0 条评论
  • • 最后编辑时间 3个月前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

一、登陆https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
阿里巴巴矢量图标库

二、搜索小程序图标

三、点击添加入库

四、点击右上角购物车图标

五、选择下载代码

六、下载后文件如下

七、将文件iconfont.css修改为后缀iconfont.wxss然后复制进小程序文件夹目录

八、在app.wxss中引入 可以全局使用

九、在页面中使用代码及效果如下

十、如果不知道引入的图标名称,可以在第四步点击加入到项目,然后下载,继续执行第七步

分享到:
评论区(共0条评论)
0条评论
Ctrl+Enter
作者

黑色领带结

黑色领带结

APP:1 帖子:1 回复:0 积分:1229

已加入社区[89]天

主人太懒,签名没设置!

作者详情》
Top