一:在阿里巴巴矢量图标库中将文件下载到本地

路径:图标管理 ----- 我的项目—>我参与的项目
uni-app如何使用矢量图

二:解压文件夹找到iconfont.css,将其放到自己的uni-app项目中

uni-app如何使用矢量图

三:替换第一步的矢量图在线链接,如果在App上不显示图标,在src前面加上https:

uni-app如何使用矢量图
建议使用Font class的形式加载矢量图,Unicode属性在v-for循环时会出现问题。

ios端效果
uni-app如何使用矢量图

相关文章: