如何在uniapp项目中使用阿里矢量图标(iconfont)

怎么在uniapp中使用iconfont图标

  • 1.我是这样做的,首先下载自己需要的图标源码,解压到自己的项目目录里面

如何在uniapp项目中使用阿里矢量图标(iconfont)_第1张图片

    1. 放在了静载资源目录下面,随便起个名字

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6tcy99NR-1591347149503)(https://s1.ax1x.com/2020/06/05/trhZ28.png)]

  • 3.然后再main.js入口文件中引用就行了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-El5IQRPe-1591347149506)(https://s1.ax1x.com/2020/06/05/trhNMF.png)]

  • 4.最后一步就是使用了

如何在uniapp项目中使用阿里矢量图标(iconfont)_第2张图片

如何在uniapp项目中使用阿里矢量图标(iconfont)_第3张图片

你可能感兴趣的:(如何在uniapp项目中使用阿里矢量图标(iconfont))