这是我的徽章代码:
<Tab
label={
<Badge
badgeContent={size}
color="secondary"
showZero
className={classes.badge}
anchorOrigin={{
vertical: "top",
horizontal: "right",
}}
>
<Typography>Pending</Typography>
</Badge>
}
{...a11yProps(0)}
/>
这是徽章的样式。但是,这也会移动排版
badge: {
marginLeft: "1rem",
},
答案 0 :(得分:1)
badge: {
position: absolute;
top: '8px'; //you can change according to your use
},
其他
anchorOrigin={{
vertical: "top",
horizontal: "right",
position: "absolute",
top: "8px"
}}
如果不起作用,请在评论中告诉我