阿里巴巴矢量图标库批量下载图标

阿里巴巴矢量图标库是前端工程师常用到的一个网站。网址：阿里巴巴矢量图标库

但是每次下载图标都要挨个点击一下下载按钮，页面不提供批量下载。

操作起来很不方便。

后来我在网上查询，总算找到批量下载的方法，很简单，跟着操作就可以了：

1. 按F12，或者右键-->检查元素打开浏览器的控制台：

2. 在控制台console处输入以下代码：

var iconList = document.querySelectorAll('.icon-gouwuche1');for (var i = 0; i < iconList.length; i++) {iconList[i].click();
}

回车。

3. 可以看到，左侧的图标此时都被选中了。

4.关闭控制台，回到图标界面。鼠标往下滚动，将会出现一个购物车。点开可以看到刚才选中的图标已经放在购物车里了。

5. 打开购物车后，点击下载素材，图标就被批量下载完成了。

要注意的是，一次最多只能下载20个图标。

阿里巴巴矢量图标库批量下载图标相关推荐

QT使用阿里巴巴矢量图标库设置窗口图标、菜单栏项图标、工具栏项图标、状态栏图标以及将控件设置为图标
在阿里巴巴矢量图标库官网上下载图标,具体操作在下方有讲解. 在QT项目中设置图标示例. 我总结了一下需要设置图标的地方大致分为5个,如下: 1. 设置窗口图标(利用setWindowIcon()属性实 ...
Element引入Iconfont（阿里巴巴矢量图标库）第三方图标库
最近在使用vue-element-admin开源项目进行系统开发,但是在引入第三方图标库的时候,出现了一些问题,百度找了找,也没有找到自己想要的答案,最后经过多次尝试,将问题解决.所以特此记录一下,以 ...
【Vue-Element】矢量字体库iconfont字体图标库使用
矢量字体库iconfont字体图标库使用 1.注册并登录 2.图标管理 >> 我的项目 >> 新建项目 3.新建完成后,搜索我们想要的图标,然后添加到购物车 4.添加完成后,购 ...
Bootstrap图标库的下载及使用
之前我们说了Bootstrap组件的使用今天我们来说说Bootstrap图标库的下载及使用先来介绍介绍Bootstrap图标库如图所示,Bootstrap图标库是一种拥有1600多个图标的免费.高 ...
png转iconfont_关于阿里图标库Iconfont生成图标的三种使用方式-新闻详情
关于阿里图标库Iconfont生成图标的三种使用方式发布时间:2017-07-28责任编辑:朱明浏览:1843 相信做过前端的都知道阿里巴巴矢量图标库,这是一个非常好用的添加小图标的方法,而且是完 ...
antd 阿里图标库扩展a-icon 图标
vue 项目中使用阿里图标库扩展antd 组件 icon 的图标第一步:创建图标库在https://www.iconfont.cn/ 创建自己的图标库,首相创建项目,然后把Svg 图标上传到该项 ...
还在为找不到好看的图标发愁？阿里巴巴矢量图标库全部免费下载
阿里巴巴矢量图标库矢量图标.精美插画免费下载地址
Vue3引入阿里巴巴矢量多彩图标库（下载至本地引入）
阿里巴巴矢量图标库官网https://www.iconfont.cn/ 1.把选好的矢量图标库下载至本地并解压 2.复制解压的文件到项目中 3.在项目中配置 1.main.js/ts中配置 2.引入样 ...
如何在vue中引入阿里巴巴矢量图标库里面的图标
阿里巴巴矢量图标库https://www.iconfont.cn/ 首先进行登录,然后才能下载里面的图标搜索里面的图标并添加到购物车点击右上角购物车将购物车里面的图标添加至项目书写项目名称可随 ...

阿里巴巴矢量图标库批量下载图标

阿里巴巴矢量图标库批量下载图标相关推荐

最新文章

热门文章