这两天在学习微信小程序,不可避免的又要用到一些图标,通过问朋友解决了这个事情 想分享给你们一下 希望对你们有用

时间:2017-12-28 17:16:16   收藏:0   阅读:255

第一步:百度搜索阿里巴巴矢量图

技术分享图片

第二步:把自己需要的图标放在购物车  然后添加至项目  首先这个项目是自己命名的 

技术分享图片技术分享图片

然后下载到本地

技术分享图片

当然下载的压缩包 解压后打开里面的      iconfont.css 

技术分享图片

将里面的代码复制后,覆盖之前粘贴在 app.wxss里的代码 

技术分享图片

技术分享图片

技术分享图片

就可以查看相对应的图标样式 

技术分享图片

 

最后注意的是,在页面中用text引用,是用的类名 

 技术分享图片

引用成功 

 技术分享图片

 

 

 

 

 

 

 

 

技术分享图片

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!