欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue/cli3添加自定义icon图标

程序员文章站 2024-02-16 17:23:22
...

1、从阿里巴巴矢量图表库将需要的图标,加入购物车;点击购物车
vue/cli3添加自定义icon图标

2、选择添加至项目
vue/cli3添加自定义icon图标

3、下载到本地,放到项目中

vue/cli3添加自定义icon图标

vue/cli3添加自定义icon图标

4、在main.js中引入iconfont.css文件,以实际位置为准

import './assets/fonts/download/font_1610031_odfhr0q6koc/iconfont.css'

5、使用:icon-neirong是图标名

<i class="iconfont icon-neirong"></i>