Naive UI 的 Modal 模态框高度怎么自适应内容?

程序员茜茜 阅读 3

我用 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 本身就不支持高度自适应?有谁成功实现过类似效果吗?

我来解答 赞 1 收藏
二维码
手机扫码查看
暂无解答

暂无解答