引入iconfont图标-微信小程序

在微信小程序中引入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中的一致

不要忘记替换

此后便成功了,欢迎讨论

转载于:https://juejin.im/post/5baf187c5188255c5442b83a

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值