vue3引入Iconfont

1. 在阿里巴巴矢量图标库中挑选图标, 加入购物车

   你需要一个账号

2. 挑选完后点击结算
3. 点击添加至项目
4. 假如没有项目的话, 需要创建一个
5. 选中项目
6. 在项目管理页面, 下载

   

   

7. 解压到项目的

   src/assets

   目录中

   

8. 在

   main.js

   或

   main.ts

   入口js文件中添加

   css

   import "./assets/font_3172792_ydxl39tha8a/iconfont.css"
              

9. 使用

   比如在

   vant

   中:

   指定不同的

   name

   即可 (注意忽略icon)

   <van-icon class="iconfont" class-prefix="icon" name="check-box" />
              

   或直接使用:

   <i class="iconfont icon-check-box"></i>
              

本文来自博客园，作者：403·Forbidden，转载请注明原文链接：https://www.cnblogs.com/lczmx/p/15892196.html