首页 > 其他 > 详细

vue中如何使用阿里图标

时间:2018-05-22 16:21:03      阅读:367      评论:0      收藏:0      [点我收藏+]

首先打开 http://www.iconfont.cn/ 这个网页,然后在上方"图标管理"中点击"我的项目"

技术分享图片

点开之后会看见如下图;

技术分享图片

 

 

 点击右侧的logo新建自己的项目,并且会弹出如下图: 并且在图中的标注一定要注意 千万不要跟项目中的使用名字(一般是插件中的)重复,要不然会报错

技术分享图片

建好项目后 就可以去图标库中去选择自己的图标了  (把图标收到购物车中,然后在我的项目中添加进来)选好图标后 把自己选好的图标下载到本地你实际开发的项目中(下载到那个文件根据自己喜好~~~~就行)最好放到 src 路径下的 assets 文件里.

下载到项目中后 在 main.js中引入后技术分享图片就可以在项目中使用了

技术分享图片

 

  技术分享图片

 

上图是实际开发中使用的效果

 

vue中如何使用阿里图标

原文:https://www.cnblogs.com/LFcom/p/9072613.html

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