vue文件使用iconfont解析
更新时间：2022年04月26日 11:32:17 作者：一条大河全靠浪
这篇文章主要介绍了vue文件使用iconfont解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue使用iconfont
1、导入字体文件到assets中
2、main.js 导入
import '@/assets/icon/iconfont.css';
3、使用
注意前面一定要加iconfont，否则是个空框框
<div class="iconfont icon-label"></div>
项目中正确使用iconfont
1、打开 iconFont官网 选择自己喜欢的图标，并且添加购物车
2、点击购物车，添加至项目
3、下载至本地
4、把我们下载好的文件iconfont.css和iconfont.ttf放到项目assets文件夹下（可创建一个css文件或iconfont文件）
5、在main.js中引入iconfont.css样式
import './assets/iconfont/iconfont.css'
6、在在vue文件中引用
<i class="iconfont icon-zitigui-xianxing"></i>
7、假如报错，需要下载css-loader依赖包
npm install css-loader --save
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要介绍了详解Vue 动态添加模板的几种方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了Vue中watchEffect的追踪逻辑,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
在网上各种找不到vue项目加入百度统计的代码与实现，自己探索出了一套加入百度统计的办法，下面这篇文章主要给大家介绍了关于单页面vue引入百度统计的使用方法，需要的朋友可以参考下2018-10-10
本文主要介绍了vue自定义键盘实现车牌号的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
Vue ElementUI实现:限制输入框只能输入正整数的问题
这篇文章主要介绍了Vue ElementUI实现:限制输入框只能输入正整数的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
今天小编就为大家分享一篇vue element table 表格请求后台排序的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了在JS中如何同步修改vue中的变量问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要介绍了Vue3中关于setup与自定义指令，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04
element-ui tree 异步树实现勾选自动展开、指定展开、指定勾选功能
这篇文章主要介绍了element-ui tree 异步树实现勾选自动展开、指定展开、指定勾选,项目中用到了vue的element-ui框架，用到了el-tree组件，由于数据量很大，使用了数据懒加载模式，即异步树，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了Vue 实现一个简单的鼠标拖拽滚动效果插件，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
最新评论