打印样式与文档输出

部分业务需提供打印或导出 PDF 的样式支持。

核心概念

• @media print 控制打印渲染。
• 隐藏不必要的交互元素。
• 分页控制使用 page-break-*。

实战步骤

• 为表格添加边框、阴影，提高可读性。
• 设置页面尺寸与页边距。
• 打印前预览，提醒用户配置。

进阶建议

• 结合 CSS Paged Media 生成复杂报表。
• 与 Puppeteer 集成批量生成 PDF。
• 在服务端提前渲染打印模板。

代码示例

@media print {
  .no-print {
    display: none;
  }
  body {
    font-size: 12pt;
  }
}

小结

通过完善的样式策略，{article['title']} 能够在大规模项目中保持一致且高性能的体验。