美文网首页
Uni-app如何使用阿里矢量图标库

Uni-app如何使用阿里矢量图标库

作者: 飞过的沙 | 来源:发表于2019-11-20 16:00 被阅读0次
  • 在阿里巴巴矢量图标库中将文件下载到本地

    路径:图标管理 ----- 我的项目--->我参与的项目

    图解
    • 解压文件夹找到iconfont.css,将其放到自己的uni-app项目中
本地font文件夹
uni-app中的使用
  • 更改iconfont.css中的@font-face的代码,直接复制代码,将项目中的@font-face替换
代码位置 image.png 修改后
  • 使用
<span class="icon iconfont">&#xe601;</span>
  • 最新更新2019-11-20: 如果在App上不显示图标,在src前面加上https:


    3A932202-AB87-45da-86C0-D446DC5A9557.png

相关文章

网友评论

      本文标题:Uni-app如何使用阿里矢量图标库

      本文链接:https://www.haomeiwen.com/subject/rlboictx.html