自学内容网 自学内容网

微信小程序——引入 iconfont 矢量图标,如何使用引用阿里巴巴矢量图标

本文介绍如何在小程序中加入图标,效果如下图:

1、访部iconfont-阿里巴巴矢量图标库 找到需要的图标,然后添加入库

将增加好的图标添加到项目中

2、点击更新生成代码

生成后如下图

3、打开生成的css样式文件

4、在小程序中新建/static/iconfont目录,新建fonts.wxss文件,将刚才的css文件的内容复制到fonts.wxss中。

5、在需要引用图标的页面wxss中引入这个fonts.wxss

6、wxml文件中添加样式

其中icon-pabanzhibanci中刚才加入库的图标样式,见下图

结尾:样例小程序二维码,自己做的一个免费好用的排班小程序


原文地址:https://blog.csdn.net/neterrrr/article/details/141962827

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!