手机版

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

时间:2021-08-19 来源:互联网 编辑:宝哥软件园 浏览:

图片素材库——阿里巴巴矢量地图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 '/图标被保存,图标被导入

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

版权声明:微信小程序导入图标实现过程详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。