引入iconfont图标-微信小程序

2,811 阅读1分钟

在微信小程序中引入iconfont图标,利用icon标签来实现

1.在iconfont界面中对需要使用的图标加入购物车

2.在购物车界面内的图标添加至项目

3.点击“暂无代码,点此生成”

4.对生成的代码进行复制,并点击下载至本地

5.下载好的压缩包解压后打开iconfont.css代码

将复制好的代码替换iconfont.css中的红框部分

6.将iconfont.css整个代码进行复制,黏贴至微信小程序中app.css中

7.然后在需要引入图标的部分放入icon代码

<icon class="iconfont icon-mimakejian"></icon>
<icon class="iconfont icon-mimabukejian"></icon>

此处的icon-mimakejian 的class需要与app.js中的一致

不要忘记替换

此后便成功了,欢迎讨论