微信小程序如何引用阿里矢量图的彩图

1，在阿里云矢量图官网："iconfont-阿里巴巴矢量图标库",将你创建的项目下载到本地解压并命名为”iconfont“,在文件”iconfont“下

 

 

输入 cmd,在命令行窗口输入：

npm install -g iconfont-tools

 

点击”enter“等到运行结果，如果系统提示找不到npm命令，那就先安装node.js。

2，再次输入：

iconfont-tools

 

出现如下内容，点击enter默认即可。 

 

3，打开iconfont文件将文件名称为”iconfont-weapp-icon.wxss“复制到小程序艮目录下，并创建文件名称为”

style"的文件夹下，

4，引用：在小程序的app.wxss文件中引入 

 

5，在页面中使用，如：

<view class="t-icon t-icon-icon名称"></view>（去掉icon-)