feat(phone-image): DOM分页預覽CSS+HTML基礎結構和數據模型

This commit is contained in:
augushong
2026-05-18 23:32:40 +08:00
parent 0782399709
commit bfeb1811be
3 changed files with 216 additions and 11 deletions

View File

@@ -261,16 +261,16 @@
<div id="render-preview"></div>
</div>
<!-- 右侧:分页排版预览 -->
<!-- 右侧:分页排版预览 (DOM分页渲染) -->
<div class="paginated-preview-area">
<div class="preview-header">
<span>画布预览</span>
<span>分页预览</span>
<div style="display:inline-flex;align-items:center;gap:8px;float:right;">
<button id="btn-reset-alignments" type="button" style="height:26px;font-size:12px;border:1px solid #d9d9d9;border-radius:3px;padding:0 8px;cursor:pointer;background:#fff;">重置</button>
</div>
</div>
<div class="preview-thumb-zone">
<div id="paginated-preview" class="preview-thumbnails"></div>
<div id="paginated-preview"></div>
</div>
<!-- 日志面板由 LogPanel.init() 动态插入 -->
</div>