@@ -166,10 +166,14 @@
box-shadow: inset 0 0 12px #2cb6ff;
backdrop-filter: blur(30px);
}
+ // 弹框内容高时的滚动只能发生一次:这里只做 75vh 的高度上限,真正的滚动交给 .di-body。
+ // 两者都设 overflow-y: auto 会出现内外两条滚动条(外层还会把标题滚走)。
.ant-modal-body {
padding: 0;
max-height: 75vh;
- overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
.ant-spin-text {
color: #c8d6e5;
@@ -209,8 +213,9 @@
.di-body {
padding: 18px 24px;
- min-height: 120px;
- max-height: 700px;
+ // 唯一滚动容器:随 .ant-modal-body 的 75vh 上限伸缩,min-height: 0 才能被压缩出滚动条
+ flex: 1 1 auto;
+ min-height: 0;
overflow-y: auto;
.di-section {
@@ -411,6 +416,7 @@
gap: 8px;
padding: 8px 24px 16px;
border-top: 1px solid rgba(30, 144, 255, 0.1);
+ flex-shrink: 0;
&__tip {
font-size: 12px;
color: #8899aa;