微信小程序如何使用阿里矢量库

这篇博客详细介绍了如何使用阿里矢量图标库。首先,用户需要进入阿里矢量库选择心仪的图标并添加到购物车,然后创建或管理项目以便分类。接着,通过下载图标并复制iconfont.css内容到app.wxss全局引用。在修改@font-face后,即可在项目中正常使用这些矢量图标。

阿里矢量图标库:

阿里矢量库

1.首先先进入阿里矢量库

2.选择一个好看的添加到购物车 

3.将你在购物车中图标放入自己的分组项目中(多项目时方便管理)
如果没有分组,可以项目管理模块右上角添加一个项目 

添加完成后可以在我的项目中查看新添加的图标 

接下来就开始引用了

1.将对应的图标下载到本地

 

 把iconfont.css里面的东西全部复制到app.wxss里面,全局引用

复制完之后app.wsxx里面的@font-face要变,怎么改呢,看图

就是这个样子,@font-face改成刚才复制的 

然后这样子用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值