优化移动导出视图的样式和功能,替换下载图标为打印图标,并调整标题和按钮的布局与样式。
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
ChevronLeft,
|
||||
FileDown,
|
||||
Printer,
|
||||
Loader2,
|
||||
Database,
|
||||
Link2,
|
||||
@@ -85,21 +85,26 @@ export const MobileExportView: React.FC<MobileExportViewProps> = ({
|
||||
|
||||
return (
|
||||
<div className="mobile-export-view">
|
||||
<header className="mobile-export-header">
|
||||
<button type="button" onClick={onBack} className="mobile-export-back" aria-label="返回">
|
||||
<ChevronLeft className="w-5 h-5" />
|
||||
</button>
|
||||
<div className="mobile-export-header-text min-w-0 flex-1">
|
||||
<p className="mobile-export-title truncate">{templateName}</p>
|
||||
<p className="mobile-export-subtitle">
|
||||
{template.width}×{template.height} mm
|
||||
{hasData && selectedCount > 0 && (
|
||||
<span>
|
||||
{' '}
|
||||
· {selectedCount} 枚 · {totalPages} 页
|
||||
</span>
|
||||
)}
|
||||
</p>
|
||||
<header className="no-print bg-slate-950 border-b border-slate-900 shrink-0 shadow mobile-export-header mobile-template-header px-4 py-3">
|
||||
<div className="flex items-center gap-2 min-w-0 w-full">
|
||||
<button
|
||||
type="button"
|
||||
onClick={onBack}
|
||||
className="mobile-export-back"
|
||||
aria-label="返回"
|
||||
>
|
||||
<ChevronLeft className="w-5 h-5" />
|
||||
</button>
|
||||
<div className="flex items-center gap-3 min-w-0 flex-1">
|
||||
<div className="min-w-0">
|
||||
{/* <h1 className="text-sm font-bold tracking-wider flex items-center gap-2 text-slate-100 uppercase">
|
||||
<span className="truncate">批量标签排版印刷生成器</span>
|
||||
</h1> */}
|
||||
<p className="text-sm font-bold tracking-wider flex items-center gap-2 text-slate-100 uppercase" title={templateName}>
|
||||
{templateName}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -201,10 +206,10 @@ export const MobileExportView: React.FC<MobileExportViewProps> = ({
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<FileDown className="w-5 h-5 shrink-0" />
|
||||
<Printer className="w-5 h-5 shrink-0" />
|
||||
{exportBlockedReason
|
||||
? '生成 PDF'
|
||||
: `生成 PDF(${selectedCount} 枚 · ${totalPages} 页)`}
|
||||
? '生成标签PDF文件'
|
||||
: `生成标签PDF文件(${selectedCount} 枚 · ${totalPages} 页)`}
|
||||
</>
|
||||
)}
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user