首页 > 其他 > 详细

Vue+iView 引入iconfont

时间:2020-04-26 16:01:15      阅读:254      评论:0      收藏:0      [点我收藏+]

1).打开iconfont官方网站:https://www.iconfont.cn/;

2).搜索所需要的图标:

技术分享图片

 

 

 3).在所需要的的图标上点击"添加入库"按钮:

技术分享图片

 

 

 4).点击我的购物车:

技术分享图片

 

 

 5).点击"添加到项目":

技术分享图片

 

 

 6).点击新建项目(若已有项目则选择加入到已有项目):

技术分享图片

 

7).输入新项目名称并点击确定:

 

 技术分享图片

 

 

 8).选择"Font class"选项卡:

技术分享图片

 

 

 9).点击"下载到本地":

技术分享图片

 

 

 10).解压下载的压缩包,将以下5个文件复制到项目资源文件夹:

技术分享图片

 

 

 11).在需要的地方引入图标:

1 import "你的路径/iconfont/iconfont.css";

12).在使用图标时需要在图标名前加"iconfont"

1 "iconfont icon-shop"

提示:图标名可点击解压后的压缩包中的"demo_index.html"获取

技术分享图片

 

 技术分享图片

Vue+iView 引入iconfont

原文:https://www.cnblogs.com/linchenjian/p/12779261.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!