1、当收款信息Collapse也折叠的时候,我们会发现Modal的高度也变成了很小。


2、我们希望高度稍微要高一些,这样感觉上面显示的Modal高度太小了,显示下面的效果。

3、初始的时候,想通过class或者style或者wrapClassName来实现,发现不起作用Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.js

4、感觉这个Modal是根据内容的高度来自动缩放的,那我们在可以在内容容器设置min-height就可以。

<Collapse v-model:activeKey="activeKey" expandIconPosition="right" accordion style="min-height: 500px;">
        <CollapsePanel key="1" header="基础信息">
         <div>
         </div>
        </CollapsePanel>
        <CollapsePanel key="1" header="收款信息">
         <div>
         </div>
        </CollapsePanel>
</Collapse>import { Collapse } from 'ant-design-vue';
const CollapsePanel = Collapse.Panel;这样就可以了。在Collapse上面设置一下min-height。
当然方法应该有多种,可以自己尝试下,如果有时间。


















