美文网首页
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