跳到主要内容

内容溢出时 Dialog footer 保持固定在底部

版本: 0.4.6 · 类型: 🐛 缺陷修复

问题

Dialog 内容区过长可滚动时,footer 会随内容一起滚走,而不是固定在对话框底部。

改动文件

  • packages/design/src/components/Dialog/Dialog.tsx

改动内容

DialogContent 内部的内容区 div 上添加 flex-1,使其填满 header 与 footer 之间的剩余空间。对话框主体本身已使用 flex-col 布局,内容区因此可伸展并独立滚动,footer 始终固定在底部。