小程序如何使用iconfont

以前没怎么用小程序,都是开发web,使用的图标都是iconfont之多。最近项目中要使用小程序,周末之余我就搭建一个小程序来体验小程序的一些api的使用,然后页面开发的时候我想加入一些图标,想到小程序没有现成的icon,那只能老样子使用iconfont吧,那怎么使用呢?

第一步:http://www.iconfont.cn/ 当然是上到阿里妈妈咯!!

搜索将想要的图标加到购物车

第二步:

建议将图标添加到一个项目里面去管理,方便后续的添加及删除,然后将图标下载至本地。

第三步:

在微信根目录下创建iconfont文件夹,然后将我们iconfont地下的文件拷贝进来,此时需要对iconfont.css名称改成iconfont.wxss

第四步:

一般图标都是全局使用,在app.wxss引入我们的iconfont,局部引用的话也可以在单个页面引用,这里演示全局引用的操作

第五步:

在页面中使用,跟web平时使用一样,ok,就这么简单!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容