在vue项目中使用第三方的字体图标库
2021/11/27 6:12:31
本文主要是介绍在vue项目中使用第三方的字体图标库,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
如何在vue项目中使用第三方的字体图标库
以在vue项目中导入阿里字体图标库为例
1、打开阿里字体图标库的官方网址
https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a
2、选择自己需要的字体图标,下面做演示
3、选择自己需要的字体图标
4、加入购物车
5、查看自己加入购物车的图标
6、添加到项目
7、创建到项目
8、添加到自己的项目中
9、下载到本地
10、保存到本地
11、解压压缩包
12、将解压过的文件夹复制到自己所需要的文件夹中,这里复制到我的项目中,不同的项目自行选择
13、先在项目的入口文件 main.js 中导入字体图标库
14、查看所需要的类名
15、把icon图标引入到项目中
16、在需要引用字体图标的组件中引用字体图标
17、效果
这篇关于在vue项目中使用第三方的字体图标库的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践
- 2024-09-27Vue3公共组件教程:新手入门指南
- 2024-09-27Vue3教程:初学者快速入门指南