小编six*_*ing的帖子

展开时如何消除手风琴间隙?

我试图让AccordionMUI 组件在处于展开模式时不移动,也不将顶部和底部边距应用于某些元素。

示例如下,但它不起作用,我的组件仍然太“跳跃”(展开时它的宽度会增加,并且会添加一些不可见的边距)

...
expanded: {
  margin: '0px',
},
test: {
  '&$expanded': {
    margin: '0px',
  },
},
...
<Accordion
  classes={{
    root: classes.test,
    expanded: classes.expanded,
  }}
  expanded={expanded}
>
  <AccordionSummary
    onClick={() => setExpanded(!expanded)}
    classes={{
      expanded: classes.expanded,
    }}
  >
    The Summary
  </AccordionSummary>
  <AccordionDetails>
    <p>the details</p>
  </AccordionDetails>
</Accordion>
Run Code Online (Sandbox Code Playgroud)

overriding accordion reactjs material-ui

9
推荐指数
2
解决办法
1万
查看次数

标签 统计

accordion ×1

material-ui ×1

overriding ×1

reactjs ×1