本文介绍如何在小程序中加入图标,效果如下图:
1、访部iconfont-阿里巴巴矢量图标库 找到需要的图标,然后添加入库
将增加好的图标添加到项目中
2、点击更新生成代码
生成后如下图
3、打开生成的css样式文件
4、在小程序中新建/static/iconfont目录,新建fonts.wxss文件,将刚才的css文件的内容复制到fonts.wxss中。
5、在需要引用图标的页面wxss中引入这个fonts.wxss
6、wxml文件中添加样式
其中icon-pabanzhibanci中刚才加入库的图标样式,见下图
结尾:样例小程序二维码,自己做的一个免费好用的排班小程序