From 7478bf04f1f8a60aa35976cc4b308d857390e52f Mon Sep 17 00:00:00 2001 From: yelan Date: Mon, 14 Sep 2026 10:34:21 +0800 Subject: [PATCH] =?UTF-8?q?style(clinical-web):=20=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E6=96=87=E6=A1=A3=E7=BC=96=E8=BE=91=E5=8C=BA=E9=A1=B5=E8=BE=B9?= =?UTF-8?q?=E8=B7=9D=E4=B8=8E=E5=8D=A0=E4=BD=8D=E7=AC=A6=E5=AF=B9=E9=BD=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/editors/EditorWangPane.vue | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/clinical-web/src/views/management/documents/components/editors/EditorWangPane.vue b/clinical-web/src/views/management/documents/components/editors/EditorWangPane.vue index 3f97b58..215500b 100644 --- a/clinical-web/src/views/management/documents/components/editors/EditorWangPane.vue +++ b/clinical-web/src/views/management/documents/components/editors/EditorWangPane.vue @@ -117,11 +117,28 @@ onBeforeUnmount(() => { } .pane-content { + /* 编辑区左右页边距,模拟 Word 文档版心:宽屏约 96px,窄窗口自动收窄 */ + --pane-gutter: clamp(20px, 8%, 96px); + flex: 1; min-height: 340px; overflow: auto; } +/* WangEditor 默认 [data-slate-editor] 只有 padding: 0 10px,正文会贴着边框; + 这里补上左右留白,粘贴的 Word 正文才呈现"纸张版心"的观感 */ +.pane-content :deep([data-slate-editor]) { + padding: 0 var(--pane-gutter); +} + +/* 占位符绝对定位于 .w-e-text-container(而非编辑区),不跟随上面的 padding, + 需单独对齐到同一版心,否则空文档时提示文字会贴左边框 */ +.pane-content :deep(.w-e-text-placeholder) { + right: var(--pane-gutter); + left: var(--pane-gutter); + width: auto; +} + /* 粘贴的 Word 表格:解除绝对列宽、允许单元格换行, 超出容器时横向滚动而不是被裁切 */ .pane-content :deep(table) {