1.需要一个iconfont的账户,自行注册,然后新建项目

 Vue.js使用iconfont

2. 项目名称随便取,最好是见名知意,然后注意填写前缀,font-family(注意最好是英文哦,我是取的项目名),协助者可以是你的项目成员,让其注册即可查到,添加进去即可

Vue.js使用iconfont

3. 找到你项目即可

Vue.js使用iconfont

4. 去搜索框根据你的项目需要去找你需要的图标

Vue.js使用iconfont

5. 选择你要使用的图标,然后加入购物车

Vue.js使用iconfont

6. 添加项目

Vue.js使用iconfont

Vue.js使用iconfont

7. 选择font-class,然后点击警告标识即可

Vue.js使用iconfont

8. 引入到项目中,找到App.vue,引入上面的css那行代码即可

Vue.js使用iconfont

9. 直接使用即可,使用方式是项目信息里面的前缀 + 你的图标的代码

Vue.js使用iconfont

相关文章:

  • 2021-12-21
  • 2021-12-08
  • 2022-01-01
  • 2021-08-06
  • 2021-07-22
猜你喜欢
  • 2021-07-18
  • 2021-11-30
  • 2021-12-09
  • 2021-11-11
  • 2021-09-27
相关资源
相似解决方案