feat(phoneimage): 添加日志面板UI和右栏布局重构

This commit is contained in:
augushong
2026-05-15 22:00:43 +08:00
parent 6fc164fe90
commit 07dcc964f4
3 changed files with 227 additions and 10 deletions

View File

@@ -961,11 +961,19 @@ body > .page-header-right .layui-btn:not(.layui-btn-primary):not(.layui-btn-norm
============================================ */
.paginated-preview-area {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
background: #f5f5f5;
}
.preview-thumb-zone {
flex: 1;
overflow-x: auto;
overflow-y: hidden;
padding: 20px;
background: #f5f5f5;
min-height: 0;
}
#paginated-preview {
@@ -973,6 +981,68 @@ body > .page-header-right .layui-btn:not(.layui-btn-primary):not(.layui-btn-norm
flex-direction: row;
align-items: flex-start;
gap: 20px;
height: 100%;
padding: 0 10px;
}
/* 封面文案样式(替代内联font-size,支持字号缩放) */
.cover-text-inline {
font-size: calc(14px * var(--pi-font-scale, 1));
color: #1890ff;
margin-top: 8px;
}
.cover-text-inline.cover-text-no-img {
margin-top: 10px;
padding: 0 30px;
word-break: break-word;
}
/* 操作日志面板 */
.log-panel {
height: 200px;
flex-shrink: 0;
border-top: 1px solid #e8e8e8;
display: flex;
flex-direction: column;
background: #1e1e1e;
color: #d4d4d4;
font-family: Consolas, 'Courier New', monospace;
font-size: 12px;
}
.log-panel.collapsed {
height: auto;
}
.log-panel.collapsed .log-panel-body {
display: none;
}
.log-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 10px;
background: #2d2d2d;
border-bottom: 1px solid #3e3e3e;
flex-shrink: 0;
}
.log-panel-body {
flex: 1;
overflow-y: auto;
padding: 4px 10px;
min-height: 0;
}
.log-panel-actions {
display: flex;
gap: 6px;
}
.log-entry {
padding: 2px 0;
line-height: 1.5;
border-bottom: 1px solid #2a2a2a;
}
.log-info { color: #4fc3f7; }
.log-warn { color: #ffb74d; }
.log-error { color: #ef5350; }
.log-success { color: #81c784; }
.log-time {
color: #888;
margin-right: 8px;
}