如何一键批量下载Iconfont图标

正文

直接上链接：

iconfont图标一键下载浏览器插件(2000+图标一秒下载打包)

iconfont在vue3中按需使用和编译打包示例

背景

在图标应用中，遇到过大小、居中、多色、下载、使用、打包等多个问题，因此做了插件来依依解决这些问题

下载

使用一键下载插件进行下载，妈妈再也不用担心手点断了~

使用、打包

在vue3使用示例项目中，编写了svgIcon.ts插件来解决按需使用的问题，对下载导出的ts代码进行扫描按需编译和使用，只需要在配置文件vite.config.ts中引入即可。

因为解决了按需使用和编译打包的问题，所以在下载的时候直接把所有图标导入项目即可，不需要用什么图标才去下载，一次性下载所有图标来使用，如果有更新，再去全下载过来覆盖之前的图标列表，方便又快捷

图标样式问题

大小和色彩在组件中提供了配置，单色可以使用如"#FFFFFF"或[“#FFFFFF”]，多色使用如[“#FFFFFF”,“#000000”]

居中问题在引入外部使用相关样式即可，使用transform解决偏移问题，
如：

<div style="display:flex;justify-content:center;align-items: center;transform: translateY(-2px);"><sicon name="阿里巴巴" type="用户" size="18" :color="["#FFFFFF","#000000"]" />
</div>

如何一键批量下载Iconfont图标相关推荐

抖音一键批量下载无水印视频,这款软件帮助你
前言上次分享了安卓端下载抖音无水印小视频,但是总有些人不满足,比如上次分享的软件苹果手机不能直接下载无水印视频,需要用链接去解析,而且手机一个个下载太麻烦?咋办?这款小神器让你一键批量下载无水印抖音 ...
小技巧！无需插件，一键批量下载微信公众号的图片！
今天,我们就给大家分享一下无需插件.无需软件一键批量下载微信公众号的图片! 方法其实很简单,我们通过借助360安全浏览器的小功能(全屏看图)就可以批量下载图片到本地. 一.复制微信公众号文章到360安 ...
免费图片下载-海量图片一键批量下载免费
免费图片下载,今天给大家分享一款免费的图片批量下载软件,支持任意格式的图片批量采集下载,只需要输入关键词或批量导入链接即可下载图片.同时还可以批量采集任意网页上的图片,每个人都可以拥有各种高清图源.支 ...
微信神器：一键批量下载微信好友头像并拼成一张图
苏生不惑第279 篇原创文章,将本公众号设为星标,第一时间看最新文章. 之前分享过一键生成你的微信社交数据报告,不过很多人的微信不能登录网页版微信.会提示这个:为了你的帐号安全,此微信号不能登录网页微 ...
一键批量下载某篇文献的所有引用文献以及被引文献
你还在为一篇一篇的下载参考文献而费时费力苦恼无比吗? 曾经我像你一样,用一下午下载某一篇文献的80多篇参考文献,一篇一篇的下载简直要疯了. 然而,现在有了一个简单高效实用的方法,只需两分钟即可批量下载 ...
如何将网页保存为图片_如何用浏览器插件一键批量下载网页图片？
如果你看到一个网页上的图片想要全部下载下来,你是如何下载的?一个一个下载太慢了,并且有的图片还有水印,没有水印的不让你下载,比如,阿里巴巴里的产品详情页.那么,有什么办法能一键下载网页上的图片呢?准备 ...
【Python爬虫】Python request 实现壁纸爬虫一键批量下载高清壁纸
简介本项目是本人检验python爬虫学习成果的一个小项目,简陋但能用,对壁纸有不同需求的可自行更改搜索参数,希望能帮到爬虫爱好者或者壁纸爱好者,爬取的所有图片均来源于wallhaven,仅用于个人欣 ...
蓝奏云外链批量下载软件
软件介绍: 蓝奏云外链批量下载软件是一款功能强大的外链解析下载工具,能够帮助用户轻松下载各种蓝奏云文件,为文件的下载提供了便利:软件提供了各种方便快捷的下载功能,只需要粘贴下载链接即可使用,满足用户的 ...
[宅男福利]人人网相册批量下载器（下载红毯照ChinaJoy照神马的最方便了~！）...
基本上所有的人人网批量下载器我都用过,要么就是被封杀了要么就是难用得要死Bug一堆-- 所以在08的小朋友们毕业走红毯,本宅男一页页翻着校内相册的时候就有写个人人网相册批量下载器的想法了. 现在空下来 ...

如何一键批量下载Iconfont图标

正文

背景

下载

使用、打包

图标样式问题

如何一键批量下载Iconfont图标相关推荐

最新文章

热门文章