批量添加 iconfont 的图标

icy2003 程序 2020-05-03 08:56:44 200 0条

iconfont 上有设计师们分享的精美图标,用户可以根据需要定制图标库,遗憾的是官方并不提供批量选择图标的功能

67153-zl2uipwuea.png

官网:https://www.iconfont.cn/

如图所示,只能单个添加需要的图标,这使得开发初期十分不方便。

解决办法

进入某个图标库,打开控制台(F12),执行以下代码:

var span = document.querySelectorAll('.icon-cover');
for (var i = 0, len = span.length; i < len; i++) console.log(span[i].querySelector('span').click());

这样就可以把当前图标库的图标全部添加到自己的图标库里进行下载了。

标签: javascript

非特殊说明,本博所有文章均为博主原创。