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

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

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

    图解
    • 解压文件夹找到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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。