From e3c30bae072bfc1c8ecd5481cb5431523fee0471 Mon Sep 17 00:00:00 2001 From: "wang.yu" Date: Wed, 19 Aug 2026 16:43:41 +0800 Subject: [PATCH] =?utf8?q?=E8=AE=BE=E8=AE=A1=E6=96=B9=E6=A1=88=E5=AF=BC?= =?utf8?q?=E5=87=BA=E6=94=B9=E9=80=A0=EF=BC=9AWord(=E5=BE=AE=E8=BD=AF?= =?utf8?q?=E9=9B=85=E9=BB=91/=E9=BB=91=E8=BE=B9/=E9=A1=B5=E8=84=9A?= =?utf8?q?=E9=A1=B5=E7=A0=81/=E7=9B=AE=E5=BD=95=E5=9F=9F/240px)=20+=20PDF(?= =?utf8?q?html2pdf=E5=B8=A6=E9=A1=B5=E7=A0=81)?= MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit --- public/design-doc.html | 120 ++++++++++++++++++++++++++++++++++++++--- 1 file changed, 114 insertions(+), 6 deletions(-) diff --git a/public/design-doc.html b/public/design-doc.html index ea0bfca..e0574da 100644 --- a/public/design-doc.html +++ b/public/design-doc.html @@ -4,7 +4,9 @@ - 本文档是 StationBuilder 的产品/交互设计文档，单一 HTML 源，位于 public/design-doc.html， 运行时通过顶栏「设计方案」链接（/design-doc.html）打开。 - 每次功能改动后，请同步更新对应章节；新增/遗留的未实现能力用 尚未实现 标注。 - - 顶部三个按钮可分别导出 PDF（浏览器打印）、Word（.doc）、Markdown（由本页 DOM 实时转换）。 + - 顶部三个按钮分别导出：PDF（html2pdf.js 生成，带「第 X 页 / 共 Y 页」页脚页码，截图限 240px 宽）、 + Word（.doc：微软雅黑、纯黑文字、黑色表格边框、1.5 倍行距、页脚页码域、默认 TOC 目录域、截图 240px 宽）、 + Markdown（由本页 DOM 实时转换，不含图片）。 --> @@ -61,8 +63,12 @@ main#doc{ padding:18px 14px 80px; } } @media print{ .doc-toolbar, .doc-nav{ display:none; } main#doc{ max-width:none; padding:0; width:100%; } + body, main#doc, main#doc *{ font-family:"Microsoft YaHei","微软雅黑",SimSun,sans-serif !important; color:#000 !important; line-height:1.5 !important; } + table{ border-collapse:collapse; border:1px solid #000 !important; } + th, td{ border:1px solid #000 !important; } + th{ background:#f2f2f2 !important; } .figure{ page-break-inside:avoid; break-inside:avoid; } - .figure img{ max-width:100%; width:auto; } + .figure img{ max-width:240px !important; width:auto !important; height:auto !important; } table{ page-break-inside:avoid; break-inside:avoid; } tr{ page-break-inside:avoid; break-inside:avoid; } h2,h3,h4{ page-break-after:avoid; break-after:avoid; } @@ -80,6 +86,19 @@ .changelog th{ background:#f6f7f8; color:#4b4f53; text-align:left; font-size:11px; font-weight:bold; border-bottom:1px solid var(--line); padding:8px 10px; } .changelog td{ border-bottom:1px solid #e3e5e7; padding:9px 10px; font-size:11px; vertical-align:top; } .changelog td:first-child{ white-space:nowrap; font-weight:bold; color:#008ed2; } + /* 导出 PDF 时作用于克隆容器，不影响屏幕 UI */ + .export-pdf{ background:#fff; padding:20px 22px; width:780px; box-sizing:border-box; } + .export-pdf, .export-pdf *{ font-family:"Microsoft YaHei","微软雅黑",SimSun,sans-serif !important; color:#000 !important; line-height:1.5 !important; } + .export-pdf table{ border-collapse:collapse; border:1px solid #000; width:100%; margin:10px 0; } + .export-pdf th, .export-pdf td{ border:1px solid #000; padding:6px 9px; text-align:left; vertical-align:top; } + .export-pdf th{ font-weight:bold; background:#f2f2f2; } + .export-pdf .figure{ border:1px solid #000; background:#fff; } + .export-pdf .figure img{ max-width:240px; width:auto; height:auto; } + .export-pdf .doc-toc{ margin:0 0 18px; page-break-after:avoid; } + .export-pdf .doc-toc h2{ border-bottom:2px solid #000; } + .export-pdf .doc-toc ul{ list-style:none; padding-left:0; margin:8px 0; } + .export-pdf .doc-toc li{ margin:4px 0; } + .export-pdf .doc-toc li.sub{ padding-left:22px; font-size:12.5px; } @@ -758,6 +777,8 @@ + +