小程序使用阿里巴巴图标库的方法

时间:2020-08-12 00:46:23   收藏:0   阅读:129

技术分享图片

选择购物车的里的字体图标库

技术分享图片

技术分享图片

 

点击阿里巴巴图标库的购物车,来到此页面,点击添加项目

 

技术分享图片

 

项目添加过后如图,点击font class累引入,点击查看在线链接,复制链接url访问在线链接

技术分享图片

访问链接过后,页面展示的就是iconfont.css的源代码,复制页面全部css代码

 

 

技术分享图片

在style文件夹下创建一个iconfont.css文件,把复制代码粘贴到里面,并保存

 

技术分享图片

在全局app.wxss里面引入我们的字体图标库css文件,使他能被全部调用

技术分享图片

 

查看对应的图标库的图标class

 

技术分享图片

引入对应的iconfont的class

 

 

技术分享图片

成功显示到页面

 

原文:https://www.cnblogs.com/securityzhou/p/13447532.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!