fix(文书纸): 用 min-height + container-type 修正纸张高度下限与窄容器下表格溢出

This commit is contained in:
yelan
2026-09-27 14:21:24 +08:00
parent 431dd2cd6f
commit 7597b4764f
5 changed files with 43 additions and 21 deletions
@@ -302,16 +302,14 @@ onBeforeUnmount(() => {
container-type: inline-size;
}
/* 白纸:A4 比例(下限)+ 一般文书页边距,走统一 A4 规格(utils/document-paper.ts)。
/* 白纸:至少一页 A4 + 一般文书页边距,走统一 A4 规格(utils/document-paper.ts)。
原来那套 `--pane-gutter: clamp(20px, 8%, 96px)` 只是"看着像版心",
与签署预览的页边距对不上,编辑时看到的换行位置和签出来不一样。
**用 min-height 而不是 aspect-ratio**:aspect-ratio 会被 WangEditor 内层的
滚动容器吃掉(正文 1574px 而纸定死在 1160px,正文直接露到灰桌上);
min-height 只是下限,正文多了纸自己长高,滚动交给纸桌。 */
纸壳(.pane-sheet)宽度 == 纸宽,所以 clamp 那套与 cqw 那套在这里都精确。 */
.pane-content {
width: 100%;
min-height: var(--doc-paper-min-h-cqw);
padding: var(--doc-paper-pad-y-cqw) var(--doc-paper-pad-x-cqw);
min-height: var(--doc-paper-min-h);
padding: var(--doc-paper-pad-y) var(--doc-paper-pad-x);
background: #fff;
box-shadow: var(--sh);
}