微信小程序项目中使用iconfont步骤流程(Font class方式)
本文记录一下在小程序项目中使用iconfont-阿里巴巴矢量图标库的步骤流程,忘了时候可以看看第一步,访问网站并登录
网站地址:https://www.iconfont.cn/
登录(注册)略过...
第二步,搜索所需图标,并加入购物车
图一:
文章图片
图二:
文章图片
图三:
文章图片
图四:
文章图片
第三步,选择Font class形式,并生成代码
图一:
文章图片
图二:
文章图片
图三:
文章图片
第四步,将生成的代码粘贴到文件目录中去
【微信小程序项目中使用iconfont步骤流程(Font class方式)】
文章图片
第五步,全局引入图标样式代码
文章图片
第六步,使用即可
图一使用:
文章图片
图二效果图:
文章图片
注意,图标的名字是在阿里iconfont那边,如下图:
文章图片
推荐阅读
- 刺客信条(瓦尔哈拉:六个小时内五个最喜欢的时刻)
- 黑暗图片选集(小希望)
- pycharm相关|远程连接断开后程序继续运行——Screen使用记录
- 微信新闻铃声怎么设置
- 微信怎么改个性署名的
- 微信怎样设置密码别人打不开
- 怎样退回微信转账的钱
- 若何关闭微信下拉小程序功效
- 微信资料怎么显示号码
- 微信定位可以自己设置吗