admin 管理员组

文章数量: 887021

icon

  1. 先登录阿里巴巴图标矢量库官网

iconfont-阿里巴巴矢量图标库

  1. 在官网挑选需要的图标

  1. 点击图标购物车并且点击下载代码

  1. 下载好之后将文件夹里面的css,ttf文件放置到你的项目当中

  1. 并且点击里面的html文件

  1. 在项目中导入import '@/assets/icon/iconfont.css'样式:

代码展示:

方法二:

因为方法一只能引入单个图标,如果更换图标就得更换link连接,所以这样很不方便

1.

将选好的图标添加至项目当中

2. 然后自动会跳转到项目页面当中,在项目页面点击下载至本地

3. 接下来操作与方法一相同,将下载好后的文件夹复制粘贴到自己的项目文件夹中

注意:

如果每次要添加新的图标需要重新下载文件至本地

本文标签: iCon