微信小程序使用icon图标

原因: 微信小程序使用fontawesome库使用icon图标,网上有很多教程,按照网上说法制作,引入到微信小程序中,但是验证成功,只能使用部分图标,结果不尽如人意。后面使用阿里巴巴开源iconfont来使用icon,这种方式很便捷、轻量、好管理。

  1. 建立账号,资源管理中新建立项目,在iconfont中选中自己想要使用的icon。

2.将想要使用的icon添加到购物车中,将购物车中的图标添加到项目中,在项目中生成代码。

3.在小程序中引入iconfont中生成的代码,这样基本的操作完成了,在小程序中就可以使用了,如果想要增加新的图标,需要更新这部分代码即可。

4.代码格式,在class中 iconfont 后面接 icon 引入的名字 即可。

html 复制代码
class="iconfont icon-arrow-right-bold header-btn"
相关推荐
@PHARAOH16 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_118 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙21 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_7978820921 小时前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
暮雨哀尘1 天前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理1 天前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
zoahxmy09292 天前
微信小程序 request 流式数据处理
微信小程序
人人题2 天前
汽车加气站操作工考试答题模板
笔记·职场和发展·微信小程序·汽车·创业创新·学习方法·业界资讯
曲江涛2 天前
微信小程序 webview 定位 并返回
微信小程序·小程序
weixin_440470502 天前
部署Dify接入微信验证反代根目录创建一个文件通过微信小程序验证
微信小程序·腾讯云