AntDesignCollapse组件在所有面板关闭后会缩小 _程序开发

创始人

2024-11-07 13:00:09

0次

问题的根本原因在于组件样式中的 min-height 属性设置过小，导致当所有的面板关闭时，组件的高度被压缩。因此，我们可以在自己的代码中覆盖默认样式，增加一个 min-height 属性值。

示例代码如下：

import React from 'react'; import { Collapse } from 'antd';

const { Panel } = Collapse;

const customPanelStyle = { background: '#f7f7f7', borderRadius: 4, marginBottom: 24, border: 0, overflow: 'hidden', minHeight: 100 //增加最小高度 };

class Demo extends React.Component { render() { return (

{text}

);

} }

export default Demo;

在本示例代码中，我们给 customPanelStyle 添加了 minHeight: 100 属性。这将确保即使所有面板关闭时，组件也不会被压缩。

教你透视!拱趴大菠萝自动计算机... 教你透视!拱趴大菠萝自动计算机器人!好像是有辅助攻略(竟然有挂)-哔哩哔哩1）拱趴大菠萝自动计算机器...

有挂透视！wepoker透视脚... 有挂透视！wepoker透视脚本免费，hhpoker德州挂真的有吗，演示教程（新版有挂）-哔哩哔哩1...

有挂透视!来玩德州破解器!总是... 有挂透视!来玩德州破解器!总是存在有辅助攻略(有挂头条)-哔哩哔哩1、来玩德州破解器透视辅助软件激活...

有挂透视！德州局透视脚本免费版... 有挂透视！德州局透视脚本免费版下载手机版，aapoker脚本，攻略教程（真实有挂）-哔哩哔哩在进入德...

辅助透视!竞技联盟透视!一贯有... 辅助透视!竞技联盟透视!一贯有辅助脚本(了解有挂)-哔哩哔哩1、该软件可以轻松地帮助玩家将竞技联盟透...

教你透视！wepoker辅助器... 教你透视！wepoker辅助器软件下载，hhpoker的辅助是真的吗，总结教程（有挂神器）-哔哩哔哩...

解密透视!菠萝德州透视脚本!竟... 解密透视!菠萝德州透视脚本!竟然存在有辅助教程(有挂助手)-哔哩哔哩菠萝德州透视脚本脚本下载中分为三...

专业透视！wepoker黑侠辅... 专业透视！wepoker黑侠辅助器，wpk作必弊最怕三个东西，妙招教程（讲解有挂）-哔哩哔哩1、任何...

揭幕透视!来玩德州破解器!真是... 揭幕透视!来玩德州破解器!真是是真的有辅助方法(的确有挂)-哔哩哔哩1、下载好来玩德州破解器正确养号...

详细透视！wpk软件是真的吗，... 详细透视！wpk软件是真的吗，德扑之心免费透视，项目教程（有挂详细）-哔哩哔哩在进入德扑之心免费透视...