阿里图标库——批量下载图标

简介: 阿里图标库——批量下载图标

使用购物车实现批量下载

特别提醒:因官网批量下载数量限制,以下案例中都最多只能选择20个图标。

批量下载图标,需要先将图标添加入库【“购物车”】,再下载

选择颜色和大小,点击格式就会触发下载,推荐SVG

批量添加页面中的图标入库

方法1:手动选择需要的图标添加入库

方法2:运行代码批量添加入库

按F12打开控制台,运行代码

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

就会发现页面中的前20个图标已添加入库

若想下载后续20个图标,则执行

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

后续同理,不断改变 i 的初始值和最大值即可。

批量添加项目中的图标入库

点击选择要下载的图标,点击“批量加入购物车”


若项目中图标总数不超过20个,则直接点击右侧的全选按钮,再添加到购物车

 

目录
相关文章
|
4月前
仿照微信朋友圈中点击图片出现大图浏览效果
仿照微信朋友圈中点击图片出现大图浏览效果
63 0
|
小程序 开发者
微信小程序系列——点击图片放大预览
微信小程序系列——点击图片放大预览
uniapp使用阿里图标
uniapp使用阿里图标
696 0
|
前端开发
图标库的正确使用方式
今天来教大家在实际开发中引入图标库
609 2
图标库的正确使用方式
|
自然语言处理 C++
制作有道词典——导航栏
制作有道词典——导航栏
|
Web App开发 内存技术
百度编辑器图片上传功能解疑
 最头疼的上传图片问题 版本选择和自定义配置  项目中使用了百度编辑器ueditor,这里是官网链接,效果还算不错,使用中的一些经验,分享在这里。 我使用的环境是.NET MVC3 最头疼的上传图片问题 ueditor自带了图片上传功能,原理也是使用flash上传。
1519 0
|
API
微信小程序之图片选择、预览与上传
所谓:一图胜千言。这话说明了图片描述事物的能力是非常强大的(怪不得我们可以用表情包聊一整天),尤其现在的手机拍照功能那么方便,用户对使用拍照和相册的需求日益上升。
2325 0