Ant design中如何修复折叠体的默认高度

Question

我创建了右侧可折叠面板。我需要在折叠后更改面板高度（最大 100px）

我的css是这样的

background: '#f7f7f7', borderRadius: 5, width: 200, marginBottom: 0, border: 50, overflow: 'hidden',

和 Rekit 代码如下

 render() {
    return (
      <div className="common-coll-bar">
        <Collapse bordered defaultActiveKey={['1']} onChange={callback}>
          <Panel header="This is panel header 1" key="1" style={customPanelStyle}>
            <p>{text}</p>
          </Panel>

        </Collapse>
      </div>
    );
 }

你能帮助我吗？

Answer 1

！不要使用高度，它会破坏布局！只需使用行高

.ant-collapse-header {
          line-height: 100px;
}