vue项目离线使用阿里巴巴矢量图标库图标

• Z时代
• 2024-01-10
• 分类：综合

vue项目离线使用矢量图标库" title="阿里巴巴矢量图标" title="阿里巴巴矢量图标">阿里巴巴矢量图标库">阿里巴巴矢量图标库图标Font ClassTOC

vue项目离线使用阿里巴巴矢量图标库图标Font Class

最近一个项目是不能联网的,就研究了一下,阿里巴巴矢量图标库的离线使用方法,然后...踩坑了o(╥﹏╥)o.

参考:https://blog.csdn.net/ppx_mqj/article/details/100560216

• 首先将使用的图标添加到项目中
• 下载到本地(会下载一个压缩包,解压)

• 将文件夹复制到vue项目中,我放到了src/assets/css

• 在src/assets/css/mixin.scss中引入iconfont.css文件
  

  在其他的博客中,是用link引入iconfont.css文件,在vue项目中没起作用

import \'./assets/css/font....../iconfont.css\'

• 页面就可以直接使用了

class="iconfont icon-baobiaotongji"

以上是 vue项目离线使用阿里巴巴矢量图标库图标 的全部内容， 来源链接： utcz.com/z/376299.html