azmat1127/yingqing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish static UI flows

Browse Source
This commit is contained in:
iye
2026-05-28 12:29:12 +08:00
parent 5edfa05369
commit bbe29622c2
45 changed files with 2187 additions and 813 deletions
Download Patch File Download Diff File Expand all files Collapse all files
电商AI平台/design-system.html
+5 -5
View File
@@ -540,25 +540,25 @@ code.tk.heat { background: var(--heat-12); color: var(--heat); border-color: var
/* === Audit table (§7 待统一清单) === */
.audit-table {
width: 100%; border-collapse: collapse;
width: 100%; border-collapse: separate; border-spacing: 0;
background: var(--surface);
border: 1px solid var(--border-faint);
border: 1px solid var(--border-muted);
border-radius: var(--r-md); overflow: hidden;
margin-bottom: 22px;
}
.audit-table th, .audit-table td {
padding: 12px 16px; text-align: left;
font-size: 12.5px; color: var(--accent-black);
border-bottom: 1px solid var(--border-faint);
border-bottom: 0;
vertical-align: top;
}
.audit-table th {
border-bottom: 1px solid var(--border-muted);
font-family: var(--font-mono); font-size: 11px;
font-weight: 500; color: var(--black-alpha-56);
letter-spacing: .04em; text-transform: uppercase;
background: var(--black-alpha-3);
}
.audit-table tbody tr:last-child td { border-bottom: 0; }
.audit-table td:first-child { font-family: var(--font-mono); font-size: 12px; color: var(--heat); width: 32px; }
.audit-table td.problem { color: var(--accent-crimson); font-weight: 500; }
.audit-table td.now { font-family: var(--font-mono); font-size: 11.5px; color: var(--black-alpha-64); }
@@ -2779,7 +2779,7 @@ code.tk.heat { background: var(--heat-12); color: var(--heat); border-color: var
<div class="desc">锁视口高度 · 多栏内部滚 · 大量页面级独有样式。<strong style="color:var(--accent-crimson)">⚠️ 这类定制最多 · 改之前先确认 restraint.css 没现成组件</strong>。</div>
<pre class="ascii">[ 左栏 · 资产/导航 sticky ] [ 中央 · 画布/参数 ] [ 右栏 · 预览/AI 助手 ]
└───────── 整页 viewport 高度锁定 · 不滚 main ────────┘</pre>
<div class="pages">代表页:<strong>pipeline.html · model-photo.html · image-optimize.html · studio.html</strong></div>
<div class="pages">代表页:<strong>pipeline.html · model-photo.html · platform-cover.html · image-optimize.html</strong></div>
</div>
<div class="layout-card">