在iconfont中新建icon项目

  • 步骤1:加入需要的图标至购物车→点击“购物车”→点击“添加至项目”→新建项目→点击“下载至本地”(在下载前,根据喜好选择下载类型,本文选择font class);
    一分钟学会在vue中使用iconfont图标集

    在vue中使用iconfont

  • 步骤2:将下载好的文件拷贝到vue的static文件夹下面;

  • 步骤3:将iconfont.css引入到index.html文件中(全局引入)
  • 步骤4:再需要使用字体图标的文件中使用i标签的class引用即可,如下
    <i class="iconfont icon-ziyuan5" style="color: red"></i>
    一分钟学会在vue中使用iconfont图标集

相关文章:

  • 2022-12-23
  • 2021-12-26
  • 2021-12-17
  • 2021-09-11
  • 2021-11-29
  • 2021-08-19
  • 2022-12-23
  • 2021-10-25
猜你喜欢
  • 2021-04-30
  • 2021-04-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-19
  • 2022-12-23
相关资源
相似解决方案