首页 > 微信 > 详细

微信小程序使用symbol方式使用阿里图标库

时间:2021-05-26 09:28:35      阅读:11      评论:0      收藏:0      [点我收藏+]

阿里图标库有三种使用方式,但前面两种都不成功,所以试试第三种。

1.在项目的根目录中打开终端比如我的:

技术分享图片

执行命令 npm init -y然后去看看项目多了什么 肯定会多个package.json文件

然后执行npm install mini-program-iconfont-cli --save-dev 会多出一个node_modules

然后执行npx iconfont init出现如下图

技术分享图片

看上图这些命令懂意思没,所以试试npx iconfont-init 会出现iconfont.json文件

技术分享图片

如果项目里没有iconfont.json文件 你就执行npx iconfont-wechat会报错

技术分享图片

所以你看看上图的usage的那张图的那些命令,不就是告诉你先要初始化一个iconfont.json文件吗

有了iconfont.json文件然后才能执行npx iconfont-wechat执行了这命令后会多出一个iconfont的文件夹

技术分享图片

打开iconfont.json文件配置symbol_url的路径,这路径就是

技术分享图片

然后到app.json中使用

技术分享图片

然后就是测试了。亲测

技术分享图片

技术分享图片

技术分享图片

以后就用这种方式了。这也是官网推荐的方式但是官方写的太简单了,按照官网的步骤没试出来。

 

微信小程序使用symbol方式使用阿里图标库

原文:https://www.cnblogs.com/pfybk/p/14811636.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!