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。
当然方法应该有多种,可以自己尝试下,如果有时间。