微信小程序里引使用自己设置图标

作者 : 开心源码 本文共534个字,预计阅读时间需要2分钟 发布时间: 2022-05-12 共106人阅读

本人刚开始接触微信小程序,发现它自带的icons样式太少,在网上搜索里一番,自己略微整理里一下,供大家参考。

1.我用了阿里巴巴的矢量图标库,http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=3287,这里面的图标相对很丰富,并且淘票票专业版用的也是该图标,很适使用与移动端,将需要用的图标增加到购物车,而后点击下载代码,统一下载,如图所示;

2.在本地找到下载的文件并解压,在文件夹下找到iconfont.css文件并打开此文件,将其代码粘贴到微信小程序项目里,放在style样式里,本人使用的wepy框架,直接放在了app.wpy文件里的style样式下,方便整个项目里都可以直接引使用下载的图标了,当然也可以放在单个页面里,随个人要求,如图所示:

3.而后我们即可以在代码里直接引使用我们的图标啦,图标大小和颜色可以直接在style里修改,如图所示:

而后就大功告成啦!不过要注意,每次新下载的图标它里面的文件内容都是不一样的,需要重新拷贝所有内容,不要以为下载了一次之后再下载其余图标都是同样的font-face,由于我踩了这个坑,所以就写出来告诉大家啦!

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 微信小程序里引使用自己设置图标

发表回复