在vue项目中正确使用iconfont的方法


Posted in Javascript onSeptember 28, 2018

1、打开 iconFont官网 选择自己喜欢的图标,并且添加购物车

2、点击购物车,添加至项目

3、下载至本地

在vue项目中正确使用iconfont的方法

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项目中正确使用iconfont的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript中的new使用
Mar 20 Javascript
js弹窗代码 可以指定弹出间隔
Jul 03 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
jQuery中:radio选择器用法实例
Jan 03 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
Sep 27 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
Vue入门之animate过渡动画效果
Apr 08 Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 Javascript
JS中数组与对象的遍历方法实例小结
Aug 14 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
vue项目引入字体.ttf的方法
Sep 28 #Javascript
vue打包相关细节整理(小结)
Sep 28 #Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 #Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 #Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
Sep 28 #Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 #Javascript
详解适配器在JavaScript中的体现
Sep 28 #Javascript
You might like
dedecms中常见问题修改方法总结
2007/03/21 PHP
php出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
PHP获取类中常量,属性,及方法列表的方法
2009/04/09 PHP
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
php上传文件并存储到mysql数据库的方法
2015/03/16 PHP
Javascript实现的分页函数
2007/02/07 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
使用Node搭建reactSSR服务端渲染架构
2018/08/30 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
2018/10/25 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
vue使用video插件vue-video-player的示例
2020/10/03 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
Python2.7基于笛卡尔积算法实现N个数组的排列组合运算示例
2017/11/23 Python
python cs架构实现简单文件传输
2020/03/20 Python
Python基于OpenCV库Adaboost实现人脸识别功能详解
2018/08/25 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
快递业务员岗位职责
2014/01/06 职场文书
市场安全管理制度
2014/01/26 职场文书
《鱼游到了纸上》教学反思
2014/02/20 职场文书
广告学专业求职信
2014/06/19 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
受资助学生感谢信
2015/01/21 职场文书
女方离婚起诉书
2015/05/18 职场文书
大学生读书笔记大全
2015/07/01 职场文书
安全生产培训心得体会
2016/01/18 职场文书
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python