feat(phone-image): fontSize滑块生效、水印渲染、保存大小检查和空内容提示

T5: 通过JS setProperty动态设置--pi-font-size-base让fontSize滑块真正改变渲染字号,
    修复h4标题不使用CSS变量避免被影响
T6: 在封面页/内容页/尾页生成函数中添加水印HTML,CSS添加.page-watermark样式
T7: saveImages添加16MB大小检查,render添加空内容检测提示,
    doCapturePages错误路径添加staging清理
This commit is contained in:
augushong
2026-05-07 21:39:26 +08:00
parent 9aacfab11d
commit 491a71bd44
2 changed files with 53 additions and 1 deletions

View File

@@ -61,6 +61,17 @@
position: relative;
}
/* 水印 - 位于每页右下角的半透明文字 */
.page-watermark {
position: absolute;
bottom: 60px;
right: 20px;
font-size: 12px;
color: rgba(0, 0, 0, 0.3);
pointer-events: none;
white-space: nowrap;
}
/* ============================================
Size Variants
两种主流手机图片尺寸
@@ -255,7 +266,7 @@
}
.page-content h4 {
font-size: var(--pi-font-size-base);
font-size: 14px;
font-weight: bold;
margin-top: var(--pi-spacing-sm);
margin-bottom: 5px;