将阿里巴巴官方图标库批量添加到购物车中

我是一个Java全栈开发，有时候需要找一些图标进行界面显示，偶然找到了阿里巴巴的这个网站（阿里巴巴矢量图标库），感觉突然发现了新大陆，但是他这个图标只能一个一个添加，很慢，所以看见有人写了两块代码，直接F12打开浏览器控制台就能运行，省了不少事

先运行这个，引入jQuery

var j = document.createElement('script');
j.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js');
document.getElementsByTagName("head")[0].appendChild(j);

再运行这个，添加到购物车中

$("span[title='添加入库']").each(function(){$(this).delay(500).click();console.log($(this).parent().prev().children().eq(0).html());
});

第二段代码运行完成之后就能直接去购物车里面添加到项目了

然后我就用使用ES6语法改变了一下，一段代码就行了，就不用引入jQuery了

document.querySelectorAll("span[title='添加入库']").forEach((o)=>{setTimeout(()=>{o.click();console.log(o.parentNode.parentNode.querySelector('.icon-name').innerText)},500)})

建议添加完成一个项目，再去添加另一个，不然图标库混在一起，很难整理出来。
然后点击“我的项目”里面去下载对应的文件资料就行了。

将阿里巴巴官方图标库批量添加到购物车中相关推荐

uni-app引用阿里巴巴官方图标库
最近在学习uni-app时,需要用到阿里巴巴的官方图标库,图标全部导入项目会使项目运行缓慢,因此使用网络路径的方式目录 1.阿里巴巴图标库 2.引入文件 3.使用图标 4.总结 1.阿里巴巴图标库 ...
阿里巴巴矢量图标库批量下载图标
阿里巴巴矢量图标库是前端工程师常用到的一个网站.网址:阿里巴巴矢量图标库但是每次下载图标都要挨个点击一下下载按钮,页面不提供批量下载. 操作起来很不方便. 后来我在网上查询,总算找到批量下载的方法, ...
【uni-app怎么引用使用阿里巴巴矢量图标库iconfont】
uni-app引用使用阿里巴巴矢量图标库iconfont 1.新建文件(看了好几篇使用说明和官方说明总结出来的用法) 首先右击项目新建一个目录common和pages同级,右击common文件夹新建一 ...
简单介绍一下阿里巴巴矢量图标库的使用
相信做过前端的都知道阿里巴巴矢量图标库,这是一个非常好用的添加小图标的方法,而且是完全免费的,可以在线使用也可以下载到本地使用,而且图标是作为字体插入,不仅可以改变颜色大小,而且在布局方面也非常方便. ...
阿里巴巴矢量图标库使用步骤
1.登陆官网,选择需要的图标,将其添加至项目,然后下载至本地. 2.解压文件. 3.在工程目录下新建CSS文件夹,在CSS文件夹之后新建iconfont文件夹,并且将下面四个文件复制在CSS/icon ...
阿里巴巴矢量图标库icon图标在线引用
阿里巴巴矢量图标库icon图标在线引用写代码有时候不方便下载图标的时候可以直接引用阿里巴巴矢量图标库的图标,放在代码内具体步骤如下: 1.进入阿里巴巴矢量图标库选择需要的图标: 2.点击加入购物车 ...
Element引入Iconfont（阿里巴巴矢量图标库）第三方图标库
最近在使用vue-element-admin开源项目进行系统开发,但是在引入第三方图标库的时候,出现了一些问题,百度找了找,也没有找到自己想要的答案,最后经过多次尝试,将问题解决.所以特此记录一下,以 ...
阿里巴巴矢量图标库（网页）
首先,阿里巴巴矢量图标库网站资源非常齐全,主要包含了图标库,矢量插画库,3D插画库,动效库,字体库等等,基本能满足小伙伴们日常开发设计需求,里面的所有素材都可以免费使用. 图标库里包含有2300W+ ...
阿里图标库在旧有的iconfont中添加新的图标
1.先去阿里巴巴矢量图标库官网挑选自己需要的图标 iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载.在线存储.格式转换等功能.阿里巴巴 ...

将阿里巴巴官方图标库批量添加到购物车中

将阿里巴巴官方图标库批量添加到购物车中相关推荐

最新文章

热门文章