uniapp如何引入阿里云矢量图标库

最近搞了下uniapp的开发,写一下关于引入阿里云矢量图标库的方法:

首先说下我走过的坑吧,我直接把图标zip包下下来放在static里面,在App.vue的style中引入,保存,后面查了下,微信小程序不允许使用本地字体图标,没办法,改一下,直接引用阿里云的在线链接,还是保错,微信小程序无法引入远程网络样式。

最后把样式下载下来,更改字体图标的引入:

复制此链接到浏览器将样式下载下来新建一个css文件:

在App.vue中全局引入:

使用:

<icon class="iconfont iconhome"></icon>

OK,这样样式就出来了:

发布了77 篇原创文章 · 获赞 16 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/qq_41756580/article/details/103653364