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

Posted mi99

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了这两天在学习微信小程序,不可避免的又要用到一些图标,通过问朋友解决了这个事情 想分享给你们一下 希望对你们有用相关的知识,希望对你有一定的参考价值。

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

技术分享图片

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

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

然后下载到本地

技术分享图片

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

技术分享图片

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

技术分享图片

技术分享图片

技术分享图片

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

技术分享图片

 

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

 技术分享图片

引用成功 

 技术分享图片

 

 

 

 

 

 

 

 

技术分享图片

以上是关于这两天在学习微信小程序,不可避免的又要用到一些图标,通过问朋友解决了这个事情 想分享给你们一下 希望对你们有用的主要内容,如果未能解决你的问题,请参考以下文章

快速了解微信小程序的使用,一个根据小程序的框架开发的todos app

(转)快速了解微信小程序的使用,一个根据小程序的框架开发的todos app

小程序入手一

微信小程序底部导航图标如何设置大小

微信小程序组件解读和分析:icon图标

微信·小程序开发工具安装指南及注意事项