fix(ui): [UI7-2] 统一全局 Design Tokens,移除冗余字体,修复异常色值引用

这个提交包含在:
2026-03-06 09:48:37 +08:00
父节点 62fd2a5398
当前提交 73b51ac068
共修改 39 个文件,包含 253 行新增和 250 行删除
+9 -9
查看文件
@@ -142,7 +142,7 @@ export function MobileCapturePage() {
<Card className="space-y-3 p-4">
<div className="flex items-center justify-between">
<h3 className="text-base font-semibold text-slate-900">拍照/选择文件</h3>
<h3 className="text-base font-semibold text-zinc-900">拍照/选择文件</h3>
<span className={isOnline ? "text-emerald-600" : "text-orange-600"}>
{isOnline ? "在线" : "离线"}
</span>
@@ -160,7 +160,7 @@ export function MobileCapturePage() {
type="file"
/>
<div className="text-sm text-slate-600">
<div className="text-sm text-zinc-600">
当前文件:{selectedFile ? `${selectedFile.name} (${Math.ceil(selectedFile.size / 1024)} KB)` : "未选择"}
</div>
@@ -216,20 +216,20 @@ export function MobileCapturePage() {
<Card className="space-y-3 p-4" data-testid="mobile-capture-queue">
<div className="flex items-center justify-between">
<h3 className="text-base font-semibold text-slate-900">离线上传队列</h3>
<span className="text-sm text-slate-500">{queuedCountLabel}</span>
<h3 className="text-base font-semibold text-zinc-900">离线上传队列</h3>
<span className="text-sm text-zinc-500">{queuedCountLabel}</span>
</div>
{queueQuery.isLoading ? <div className="flex items-center gap-2 text-sm text-slate-500"><Spinner size="sm" />加载中...</div> : null}
{queueQuery.isLoading ? <div className="flex items-center gap-2 text-sm text-zinc-500"><Spinner size="sm" />加载中...</div> : null}
{!queueQuery.isLoading && queuedItems.length === 0 ? (
<p className="text-sm text-slate-500">暂无待上传文件。</p>
<p className="text-sm text-zinc-500">暂无待上传文件。</p>
) : null}
{queuedItems.map((item) => (
<div key={item.id} className="rounded-lg border border-slate-200 px-3 py-2 text-sm">
<div className="font-medium text-slate-800">{item.fileName}</div>
<div className="text-slate-500">创建时间:{formatTime(item.createdAt)}</div>
<div key={item.id} className="rounded-lg border border-zinc-200 px-3 py-2 text-sm">
<div className="font-medium text-zinc-800">{item.fileName}</div>
<div className="text-zinc-500">创建时间:{formatTime(item.createdAt)}</div>
<div className="mt-2">
<Button
data-testid={`mobile-capture-remove-${item.id}`}