基础
Print 打印
打印时隐藏导航/弹层/回到顶部,保留正文与表格;配合 pvs-print-* 工具类控制分页。
用法
无需额外 CSS 文件:加载 pivcss.css 即含 @layer pvs.print 规则。屏幕下 pvs-print-show 默认隐藏,仅打印可见。
正文会打印。
仅打印可见的脚注。
<div class="pvs-border pvs-p-4" style="max-width:28rem">
<p class="pvs-m-0">正文会打印。</p>
<button type="button" class="pvs-btn pvs-btn--primary pvs-mt-3 pvs-print-hide">屏幕按钮(打印隐藏)</button>
<p class="pvs-print-show pvs-m-0 pvs-mt-3 pvs-text-sm">仅打印可见的脚注。</p>
</div>类名速查
| 类 | 样式 |
|---|---|
pvs-print-hide | 打印时隐藏(导航/按钮/侧栏) |
pvs-print-show | 仅打印显示 |
pvs-print-break-before | 此前分页 |
pvs-print-break-after | 此后分页 |
pvs-print-avoid-break | 块内避免断页 |
| 自动隐藏 | navbar · sidenav · modal · toast · datepicker 面板等 |
外链 a[href^=http] 打印时自动追加 URL(仅 print 媒体)。