icon

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

iconfont-阿里巴巴矢量图标库

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

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

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

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

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

代码展示:

方法二：

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

1.

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

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

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

注意：

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

icon

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

iconfont-阿里巴巴矢量图标库

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

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

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

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

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

代码展示:

方法二：

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

1.

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

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

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

注意：

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