Naive UI 的 Modal 模态框高度怎么自适应内容?
我用 Naive UI 的 Modal 组件时,发现默认高度是固定的,内容多了会出滚动条,但我想让 Modal 高度自动撑开,最多不超过视口高度。试过在 n-modal 上加 style,也试过用 CSS 覆盖,但效果都不对,有时候内容被截断,有时候又超出屏幕。
我在全局样式里写了这段 CSS 想强制让它自适应,但没生效:
.n-modal {
max-height: calc(100vh - 100px) !important;
height: auto !important;
}
.n-modal-body {
max-height: none !important;
overflow: visible !important;
}
是不是我覆盖的类名不对?或者 Naive UI 的 Modal 本身就不支持高度自适应?有谁成功实现过类似效果吗?
暂无解答