vue3引入Iconfont

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

    你需要一个账号

  2. 挑选完后点击结算

  3. 点击添加至项目

  4. 假如没有项目的话, 需要创建一个

  5. 选中项目
    示意图-

  6. 项目管理页面, 下载
    项目地址
    下载示意图

  7. 解压到项目的src/assets目录中
    示意图

  8. main.jsmain.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>
    
posted @ 2022-02-14 13:43  403·Forbidden  阅读(276)  评论(0编辑  收藏  举报