微信、支付宝小程序引入阿里巴巴矢量图库

阿里巴巴矢量图标库:https://www.iconfont.cn/
第一步:生成fontclass地址

将喜欢的icon加入购物车

将购物车中的图标添加至项目

获取项目,下载至本地  使用iconfont.css     

第二步:引入字体

将iconfont.css 内容粘贴到微信小程序项目中

assets/iconfont/iconfont.axss   (后缀名根据项目使用的禁用修改  这里是支付宝小程序的  微信是.wxss)

 在 app.wxss 文件中引入字体

@import './assets/iconfont/iconfont.acss'; (注意路径是否要修改)

第三步:使用字体图标

第一个为 iconfont, 第二个为样式库的类名

<text class='iconfont icon-shaixuan search_choose'></text>


posted @   bingxiaoxiao  阅读(168)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2020-05-28 uni-app 创建项目
点击右上角即可分享
微信分享提示