微信小程序导入图标实现过程详解

图片素材库——阿里巴巴矢量地图https://www.iconfont.cn/manage/index?管理_ type=my project projectid=1359989 "

输入要在页面上搜索的图标

单击“入库”，然后单击“添加到项目”

选择“编辑”，即编辑成你想要的效果，名字就是home

单击保存——下载到本地，下载量将是的压缩包。拉上拉链。

demo_index.html中有导入方法记录

选择iconfont.css文件，点击电脑上的“查看”，勾选“文件扩展名”，更改。css到. wxss。

在小程序中创建一个新的目录，并将它重命名。文件夹中的wxss文件

添加到。项目的wxs

@重要././*/iconfont.wxss '是在wxml中添加的

icon class=' icon font icon-home '/图标被保存，图标被导入

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。