在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 相关文章推荐
BOM与DOM的区别分析
Oct 26 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
用原生js做单页应用
Jan 17 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 Javascript
JS面向对象的程序设计相关知识小结
May 26 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
layui多图上传实现删除功能的例子
Sep 23 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
Sep 27 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
php入门学习知识点二 PHP简单的分页过程与原理
2011/07/14 PHP
php对大文件进行读取操作的实现代码
2013/01/23 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
php数据访问之增删改查操作
2016/05/09 PHP
PHP实现验证码校验功能
2017/11/16 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
JavaScript动态加载样式表的方法
2015/03/21 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
老生常谈javascript的类型转换
2016/10/12 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
Angular开发者指南之入门介绍
2017/03/05 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
2020/03/04 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
2020/11/06 Javascript
Python OpenCV实现图片上输出中文
2018/01/22 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
python3 配置logging日志类的操作
2020/04/08 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
戴森英国官网:Dyson英国
2019/05/07 全球购物
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
软件测试面试题
2015/10/21 面试题
数控专业应届生求职信
2013/11/27 职场文书
《学棋》教后反思
2014/04/14 职场文书
教师个人读书活动总结
2014/07/08 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
阳光体育运动标语口号
2015/12/26 职场文书
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python