微信小程序中引入图标

Posted 老张在线敲代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序中引入图标相关的知识,希望对你有一定的参考价值。

第一步百度搜索阿里巴巴矢量图标库

搜索到之后开始查找相应的图标名称

第二步找到对应的图标点击添加到库并添加到项目


第三步添加到项目之后点击font class并点击代码部分(会打开一个新窗口)

然后在新页面复制代码

第六步在小程序项目中新建文件

目录如下

将代码复制到iconfont.wxss中

在具体页面使用时要将他引入到具体页面的wxss中

wxml中使用直接添加具体的图标class类名即可

以上是关于微信小程序中引入图标的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序中引入图标

引入阿里在线图标(微信小程序)

微信小程序引入Base64 图标库

微信小程序底部导航图标如何设置大小

微信小程序里面,如何实现图标右上角显示数字?

微信小程序使用字体图标