您现在的位置是：网站首页> 编程资料编程资料
在vue项目中(本地)使用iconfont字体图标的三种方式总结_vue.js_
2023-05-24
325人已围观
简介 在vue项目中(本地)使用iconfont字体图标的三种方式总结_vue.js_
vue项目中(本地)使用iconfont字体图标
这里有使用前的准备和三种使用方式介绍，参考这里
还有 vue中手动封装iconfont组件（三种引用方式的封装）
开始使用
点击下载到本地
在了路径 src/assets 下新建文件夹 iconfont ，用来存放字体图标的本地文件
解压下载到本地的字体图标文件，放到 iconfont 文件夹下
如过项目中没有下载 css-loader 依赖包，就进行下载，否则会报错
npm install css-loader -D
然后引入样式并使用即可。
Unicode
Font class
Symbol
效果如下：
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- 在线使用iconfont字体图标的简单实现_vue.js_
- Fabric.js 修改画布交互方式作用详解_JavaScript_
- JavaScript第七种数据类型Symbol的用法详解_javascript技巧_
- axios中如何进行同步请求(async+await)_vue.js_
- vue与electron实现进程间的通信详情_vue.js_
- vuex中store存储store.commit和store.dispatch的区别及说明_vue.js_
- vue中复用vuex.store对象的定义_vue.js_
- Vite打包分割代码的详细过程记录_vue.js_
- Vue实现无限级树形选择器_vue.js_
- vue对象的深度克隆方式_vue.js_
