首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在ReactJS中将Material UI徽章放置在IconButton附近?

如何在ReactJS中将Material UI徽章放置在IconButton附近?
EN

Stack Overflow用户
提问于 2021-03-16 17:32:56
回答 1查看 388关注 0票数 0

如何解决物料UI中工卡内容定位在IconButton附近的问题?

我已经尝试disableRipple,但它不起作用!

丑陋

代码语言:javascript
运行
AI代码解释
复制
     <Badge badgeContent={4} color="primary">
          <IconButton
            disableFocusRipple
            disableRipple
            style={{ backgroundColor: "transparent" }}
          >
            <MailIcon />
          </IconButton>
        </Badge>

我想要的外观

如果我不使用IconButton,一切都可以,但我需要图标按钮!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-16 17:43:30

将IconButton放在徽章外面

代码语言:javascript
运行
AI代码解释
复制
 <IconButton style={{ backgroundColor: "transparent" }}>
      <Badge badgeContent={4} color="primary">
           <MailIcon />
      </Badge>
   </IconButton>

结果

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66660388

复制
相关文章
把数字用拼音表示并输出
版权声明:本文为博主原创文章,转载请注明博客地址: https://blog.csdn.net/zy010101/article/details/80079905
zy010101
2019/05/25
4680
golang时间和mysql时间表示
墙上时钟:也称为墙上时间。大多是1970年1月1日(UTC)以来的秒数和毫秒数。墙上时间可以和NTP(Network Time Protocal,网络时间协议)同步,但是如果本地时钟远远快于NTP服务器,则强制重置之后会跳到先前某个时间点。
golangLeetcode
2023/03/01
4.6K0
golang时间和mysql时间表示
时间序列表示方法
自然界中,除了2D、3D的图片、视频驶距以外,更多的是一些类似于序列的数据,比如语音、文字,这些数据都是有时间先后顺序的
mathor
2020/01/27
1.1K0
minio配置tls以开启https访问
minio默认启用http作为连接方式,假如需要开启https的话,需要通过openssl命令生成证书,不建议使用certgen命令生成自签证书,因为会有些错误,即便官方文档中有提到certgen这种方式。
姚华
2022/06/29
3.7K0
Nginx以HTTP协议反向代理HTTPS服务
简单记录一下 Nginx 作为反向代理,以 HTTP 协议向下游客户端代理基于Spring Security 实现的HTTPS 服务时遇到的问题及解决办法。
dhyuan
2022/05/30
15.8K0
Nginx以HTTP协议反向代理HTTPS服务
[Linux] nginx记录多种响应时间
官网介绍 $request_time – Full request time, starting when NGINX reads the first byte from the client and ending when NGINX sends the last byte of the response body $upstream_connect_time – Time spent establishing a connection with an upstream server $upstream_header_time – Time between establishing a connection to an upstream server and receiving the first byte of the response header $upstream_response_time – Time between establishing a connection to an upstream server and receiving the last byte of the response body
唯一Chat
2019/12/10
3.8K0
还用Date表示时间?LocalDateTime看这里
  当工作中遇到时间处理,我们是否首先想到JAVA提供的Date和Calendar,用于处理日期、时间的类,包括创建日期、时间对象,获取系统当前日期、时间等操作。
程序员云帆哥
2022/05/12
8180
减少网站响应时间概要
概要 减少HTTP请求文件的大小 精简html的DOM元素数量 压缩css,js代码 图片文件选用合适的格式。对于色彩数不是很丰富的图片,使用png格式 压缩图片。使用类似智图的工具 服务器端启用gzip压缩 静态资源放在没有cookie的domain下 减小cookie大小 减小网站标题图标(favicon.ico)的大小 减少HTTP请求数 合并文件。比如将所有的样式表合并成一个,所有脚本文件合并成一个 合并一些图标类图片。图标类图片做成图片精灵(CSS Sprites) 缓存 静态资源的缓存 a
前端GoGoGo
2018/08/27
7610
监控域名HTTPS证书过期时间
随着各大浏览器对 http 请求标识为 不安全(见下图),现如今强烈推荐网站使用 https 请求。对于运维同学来说,SSL 证书有效期如何监控,不可能去记住每个域名证书到期日期,今天作者分享两个脚本并配合zabbix 来监控 SSL 证书到期日期。这样就不会因为 SSL 证书到期导致网站瘫痪。
YP小站
2020/10/23
7K0
监控域名HTTPS证书过期时间
c语言获得当前时间_c语言怎么表示时间
功 能: 获取当前的系统时间,返回的结果是一个time_t类型,其实就是一个大整数,其值表示从UTC(Coordinated Universal Time)时间1970年1月1日00:00:00(称为UNIX系统的Epoch时间)到当前时刻的秒数。然后可以调用localtime将time_t所表示的UTC时间转换为本地时间(我们是+8区,比UTC多8个小时)并转成struct tm类型,该类型的各数据成员分别表示年月日时分秒。
全栈程序员站长
2022/11/07
4.7K0
如何查询DNS响应时间
DNS 解析过程涉及将主机名(例如 www.example.com)转换为计算机友好的 IP 地址(例如 192.168.1.1)。Internet 上的每个设备都被分配了一个 IP 地址,必须有该地址才能找到相应的 Internet 设备 - 就像使用街道地址来查找特定住所一样。
冬冬i
2022/04/09
8K0
如何查询DNS响应时间
时间序列分析的表示学习时代来了?
表示学习作为深度学习中的核心,近期越来越多的被应用到了时间序列领域中,时间序列分析的表示学习时代已经来了。本文为大家带来了2020年以来顶会的5篇时间序列表示学习相关的核心工作梳理。
圆圆的算法笔记
2022/09/22
1.1K0
时间序列分析的表示学习时代来了?
使用 cURL 测量网站响应时间
内容整理自:https://blog.cloudflare.com/a-question-of-timing/,其中还有 chrome 的测量方式,有兴趣的朋友可以看一下。
dys
2018/11/30
2K0
使用 cURL 测量网站响应时间
使用httpstat测试网站响应时间
httpstat是用Python写的脚本,可以用来测试http服务器的回应速度。 httpstat本质上就是封装了cURL工具,所以它可以接受各种 cURL的选项。(-w、-D、-o、-s与-S除外,因为这些已经被 httpstat使用了)
Python疯子
2018/09/06
1.5K0
使用httpstat测试网站响应时间
通过MapReduce降低服务响应时间
在微服务中开发中,api网关扮演对外提供restful api的角色,而api的数据往往会依赖其他服务,复杂的api更是会依赖多个甚至数十个服务。虽然单个被依赖服务的耗时一般都比较低,但如果多个服务串行依赖的话那么整个api的耗时将会大大增加。
kevwan
2021/04/22
8460
计算每个请求的平均响应时间
目的 找出是哪些请求长期影响了系统性能 方法 web服务器的日志会记录每个请求的响应时间,分析访问日志,对相同请求的响应时间进行累加,响应时间的和 除以 这个请求的访问次数,就得到此请求的平均访问时间
dys
2018/04/03
3.2K0
计算每个请求的平均响应时间
搜狗拼音设置
将里面的 Keyboard-English(US) 调到 Sogou Pinyin 之前即可。
JNingWei
2018/09/28
1.3K0
性能分析之可悲的响应时间
不止一次并且在不同的场合都被问到了响应时间该如何分析和定义的问题。问题大概是两种:
高楼Zee
2019/07/17
1.7K0
性能分析之可悲的响应时间
点击加载更多

相似问题

以拼音表示的时间转换

11

持续时间,以拼音表示

20

以拼音表示的当前时间计算

461

以拼音表示的格式化时间

20

用拼音表示时间

10
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档