首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

怎样更改组件库图标

想必很多前端现在都是用别人组件库,ant-design、element-ui或者vant等,那么当组件上icon和我们美丽动人UI小姐姐画出UI稿不一样时候,你们会怎么做呢?...组件api替换大法 1、组件本身提供api给你更换icon,换之则可 2、但每次使用都要替换也是挺麻烦,可以尝试先封装一下,使用高阶组件 可行性高,操作容易、略麻烦 源码copy大法 1、不使用传统...npm install包安装方法 2、将组件库源码copy下来单独一个文件 3、修改源码组件对应图标 4、或者自己建立一个私有的npm库将整个组件库推上去 1、一次操作到位 2、但是组件库版本滞后...EyeOutline' export { default as DeleteOutline } from '@ant-design/icons/lib/outline/DeleteOutline' 就是将你需要更改图标的地址改为你本地...而且这里可以只引入一些你需要图标,会减少一些icon库打包大小 本地图标 "use strict" Object.defineProperty(exports, "__esModule", {

80210

上不了谷歌如何安装 Chrome 扩展

商店镜像 关于镜像网站之前写过那些你用得上镜像网站,在https://chrome-extension-downloader.com/ 或者https://crxdl.com/ 这类网站下载Chrome...可以看到扩展安装好了 ? 右上角有扩展图标了,开始备份网页吧如何备份可能被删公众号文章和网页 ?...谷歌商店安装 在国内谷歌商店默认是打不开,所以这里分享一个谷歌访问助手(公众号内回复 谷歌 获取),安装这个扩展后就能上谷歌商店直接安装Chrome扩展了。...分享谷歌助手扩展同样使用上面的方法来安装,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情情况下添加或者程序包无效。...先把文件后缀名.crx 改成 .rar或者.zip,然后解压到一个文件夹,再打开扩展程序chrome://extensions/ ,点击加载已解压扩展程序。 ?

1.4K20

更改分享功能默认图标为自定义图标

2015-05-07 10:36:23 我们经常在网站上采用百度分享或者是jiathis分享功能,但是他提供了默认图标,这些传统图标久了就会感觉它不舒服,希望能够使自己网站分享图标与众不同,...很明显,尝试通过修改css样式方法来修改他图标是不可能了。...但是当你点击他默认分享图标时你会发现地址栏里地址非常长,放在网址解码器里你会发现里面的是一些必要参数,也就是说我们只需要修改这些参数,然后为我们自己图片添加click事件即可实现更改分享功能默认图标...下面这行代码是用来定义自己图标,通过点击图标来分享网页内容。...更改为你想分享网页地址即可。

1.1K20

更改分享功能默认图标为自定义图标(二)

在上一篇文章中,我介绍了一种分享方式,他有一定局限性,当你要分享网址有参数且不止一个时,你会发现他分享出去网址参数不全。这篇文章是对上一篇文章一个补充,也可以说是另一种写法。...我们布好局后,点击相应图标来触发他分享功能a标签,这样也可以实现分享功能,并且简单可靠。下面我来给大家说一下具体方法。 我们还用jiathis来做例子。首先我们需要引入他给好代码。 <!...有的朋友会说了,这样引入之后他图标就正常显示出来了,要怎样将他隐藏呢,其实很简单,给他设置css属性,让他非常小,并且他z-index属性值小于其他层值,让他位于其它层之下,这样就达到了隐藏效果...下面就是我们要点击图片了 给这个图片设置一个onclick事件,在js中设置一下,看一下代码。...这只是其中一个例子,大家有兴趣可以多试试其他,只要给相应a标签设置id,然后设置点击事件即可。

1.1K10

那些实用 Chrome 扩展神器

作者:苏生不惑 来源:苏生不惑 之前已经写过不少Chrome扩展那些我常用 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。...简单来说就是打开谷歌扩展管理页面 chrome://extensions/ ,然后将下载crx文件拖进去,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情情况下添加或者程序包无效...自己摸索几下就会了,上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐5个Chrome扩展。...微博相册下载 进入微博首页或个人主页,点击扩展图标,点击需要下载相册,比如 王菲微博主页 https://www.weibo.com/u/1629810574 ?...相册导出原图为高清原图,不包含Exif信息,如果想清除图片exif看之前文章如何清除手机拍照图片 exif 防止泄露你隐私 扩展地址 https://chrome.google.com/webstore

1.1K20

Android App更改应用图标的实现方法

Android App更改应用图标的实现方法 一般情况下,我们App图标在Androidmanifest.xml中设置,通过Application android:icon属性指定,写法如下: <?...</application </manifest 因新年来临等,产品需要针对最新版本更换一个应用图标。OK,一分钟搞定,如上,直接替换app_icon.png图标即可。...然而,测试同学发现,替换图标后,在小米5、华为6plus、乐视乐1S、小米2s、魅族MX5等手机上应用依然显示以前图标。...</application </manifest 通过入口Activity android:icon=”@drawable/new_app_icon” 指向新应用图标。...以上就是Android 更改图标的实例详解,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站支持!

1.6K30

从零实现Chrome扩展

那么本文就以Chrome扩展为例,聊聊如何从零实现一个Chrome扩展,本文涉及相关代码都在https://github.com/WindrunnerMax/webpack-simple-environment...那么既然是一个Web应用,应该如何让浏览器知道这是一个拓展而非普通Web应用,那么我们就需要标记和配置文件,这个文件就是manifest.json,通过这个文件我们可以来描述扩展基本信息,例如扩展名称...但是无论如何,谷歌都准备逐步废弃v2而使用v3,那么我们在这里也是基于v3来实现Chrome扩展。...popup: 这个模块是扩展弹出层界面,可以通过点击扩展图标在浏览器中弹出,用于显示扩展一些信息或操作界面。...此外注册Chrome扩展开发者价格是5$,注册之后才能在谷歌商店发布扩展。那么首先,我们先在popup中绘制一个界面,用来展示当前扩展状态,以及提供一些操作按钮。

42420

那些实用 Chrome 扩展神器

之前已经写过不少Chrome扩展那些我常用 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。...简单来说就是打开谷歌扩展管理页面 chrome://extensions/ ,然后将下载crx文件拖进去,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情情况下添加或者程序包无效...自己摸索几下就会了,上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐5个Chrome扩展。...微博相册下载 进入微博首页或个人主页,点击扩展图标,点击需要下载相册,比如 王菲微博主页 https://www.weibo.com/u/1629810574 ?...相册导出原图为高清原图,不包含Exif信息,如果想清除图片exif看之前文章如何清除手机拍照图片 exif 防止泄露你隐私 扩展地址 https://chrome.google.com/webstore

88320

首个Chrome扩展发布了

忙活了有一段时间,零零散散写了一个Chrome扩展。这里发发一篇文章安利一下。 怎样一个扩展呢 它是一个Gmail 过滤器辅助工具,使用这个扩展可以轻松创建邮件过滤器。 有图有真相 ?...如何下载 Chrome Store 大中华局域网用户下载地址 为什么写这个扩展 还是那个原因,自己遇到了不爽与痛点。 我是一个重度Gmail用户,工作邮箱使用Gmail托管。...好在,我是一个程序员(虽然不是一个前端攻城狮),但是还是花了周末一个下午写出了这个应用雏形。再加上后续修修改改就成了这个样子。...开源么 当然开源,原因如下 个人能力和精力毕竟有限 希望通过社区力量推动这个扩展持续发展 所以,如果你有想法的话,可以访问这个Github地址 https://github.com/androidyue.../Gmail-Helper-Filter 贡献力量 除了开源贡献代码外,如果你有想法,也可以共享力量,比如 提需求 提bug 分享本文或扩展 捐赠(下面那个红色按钮) 感谢 再次感谢我御用设计师 大麦

53330

如何快速地开发一个chrome扩展插件

说到现如今最流行浏览器,那么一定是chrome,无论是它速度,还是它稳定性,还是它简洁,都让人爱不释手,此外,更多的人选择它理由是它有着丰富扩展插件,这些扩展插件让你浏览器变得异常强大,让你浏览器不仅仅是浏览器...chrome扩展结构 chrome扩展是以.crx结尾安装包,如果你把它下载下来,并把它重命名为.rar压缩包文件,然后你就可以使用压缩软件对它进行解压,加压之后,就会发现其实chrome扩展包里面就是一些...UI界面,我们可以通过browser_action属性进行配置,通过此属性,我们可以设置扩展图标,设置点击弹出页面。...,page_action可以配置图标,两者区别是,browser_action总是显示在扩展栏,而page_action则是满足一定条件才会显示,比如页面有vue脚本时候才会显示vue调试图标。...() { } ); 扩展能够做什么 扩展能够做什么主要取决于浏览器为我们提供了哪些API,庆幸是,chrome为我们提供了足够多好用API。

39620

如何在Linux使用 chattr 命令更改文件或目录扩展属性?

在 Linux 操作系统中,chattr 命令用于更改文件或目录扩展属性,包括可写性、可执行性和删除性等。本文将介绍 chattr 命令使用方法以及常见参数。...图片1. chattr 命令基本语法chattr 命令基本语法如下:chattr [选项] [文件或目录]选项包括:-R:递归地更改文件或目录属性。-v:显示命令执行详细信息。...2. chattr 命令常见参数下面是 chattr 命令常见参数及其含义:+:添加一个属性。-:移除一个属性。=:设置属性。常见属性包括:a:仅允许附加操作,不允许删除或截断文件。...u:设置文件为可恢复。3. chattr 命令使用示例示例 1:设置文件为不可修改我们可以使用 chattr 命令将一个文件设置为不可修改。...总结本文介绍了 chattr 命令使用方法及常见参数。我们可以使用 chattr 命令更改文件或目录扩展属性,包括可写性、可执行性和删除性等。常见属性包括 a、i、d 和 u 等。

3.6K20

那些实用 Chrome 扩展神器(二)

之前已经写过 那些实用 Chrome 扩展神器 ,如果你不能上谷歌没法直接安装Chrome扩展,可以使用https://crxdl.com/ 这个网站下载crx文件,然后手动安装。 ?...下面继续推荐几个实用Chrome扩展神器。 划词翻译 支持谷歌、百度、有道三大翻译和朗读引擎,可以方便查看、复制和朗读不同引擎翻译结果,选中文字直接翻译。 ? 也可以翻译英文 ?...Chrome扩展地址 https://chrome.google.com/webstore/detail/rooster-for-chrome/pimolnhbniceppehbgmibnbgcnhpkhfh...OBS这类直播软件,就可以把浏览器任何页面直播到B站、斗鱼或者虎牙直播间里去,假如你有自己直播间并且也安装了Node.js的话,那么可以安装这个Chrome扩展玩下,适合做无人值守音乐轮播或者电影轮播什么...Chrome扩展地址 https://chrome.google.com/webstore/detail/jfgjlmafdjaofbkjpaoojooghnocjcag

1.4K10

那些有趣实用 Chrome 扩展神器

谷歌浏览器一直是我推荐浏览器,之前也写过几篇文章: 如何让你搜索更高效 实用油猴脚本推荐,让你谷歌浏览器更强大 谷歌浏览器安装 Chrome 扩展越来越多,怎么管理?...Chrome 浏览器扩展神器油猴 请停用以开发者模式运行扩展程序?搞定谷歌浏览器插件弹窗 上不了谷歌如何安装 Chrome 扩展?...这里再推荐几个有趣/实用 Chrome 扩展神器,都是我经常使用。.../detail/nooboss/aajodjghehmlpahhboidcpfjcncmcklf ,安装Chrome扩展方法见之前文章 上不了谷歌如何安装 Chrome 扩展?...(由于没有上架谷歌商店,公众号后台回复 公众号 获取),支持文章列表导出为 CSV文件。

1.9K21

分享几个实用Chrome扩展程序

这次分享几个自己工作这几年下来,平常用比较多几个谷歌浏览器扩展程序。 AdBlock 最受欢迎 Chrome 扩展,拥有超过 6000 万用户!拦截网页上广告。...SimpleUndoClose 这个简单工具可让您轻而易举撤销关闭标签! Screencastify 这是一款可以录屏Chrome插件,可以录浏览器,可以录桌面等。...Source Shell App 这是一款可以将Chrome当成SSH连接工具浏览器应用。...如果大家不知道怎么下载Chrome插件的话,可以百度一下另一个插件SetupV**,这个工具具体是干啥,我就不多说了。...最后最后,这些扩展程序都是自己经常用到,如果大家也有好用Chrome插件也可以推荐给我。

1.8K20
领券