From bc94c1d830f6318f8a35c7c2eacc9f18a45610c6 Mon Sep 17 00:00:00 2001
From: iqudoo <iqudoo@qq.com>
Date: Fri, 12 Jun 2026 22:02:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA=E8=A7=86=E5=9B=BE=E7=9A=84=E6=A0=B7=E5=BC=8F=E5=92=8C?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=9B=BF=E6=8D=A2=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E4=B8=BA=E6=89=93=E5=8D=B0=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=EF=BC=8C=E5=B9=B6=E8=B0=83=E6=95=B4=E6=A0=87=E9=A2=98=E5=92=8C?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E5=B8=83=E5=B1=80=E4=B8=8E=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MobileExportView.tsx | 43 ++++++++++++++++-------------
 src/index.css                       | 38 ++++++++-----------------
 2 files changed, 35 insertions(+), 46 deletions(-)

diff --git a/src/components/MobileExportView.tsx b/src/components/MobileExportView.tsx
index cacd2f9..f17a1c5 100644
--- a/src/components/MobileExportView.tsx
+++ b/src/components/MobileExportView.tsx
@@ -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>
diff --git a/src/index.css b/src/index.css
index 10fe492..8382c71 100644
--- a/src/index.css
+++ b/src/index.css
@@ -714,14 +714,7 @@ body,
   }
 
   .mobile-export-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 10px 12px;
-    padding-top: calc(10px + env(safe-area-inset-top, 0px));
-    background: #fff;
-    border-bottom: 1px solid #e2e8f0;
-    flex-shrink: 0;
+    padding-top: calc(12px + env(safe-area-inset-top, 0px));
   }
 
   .mobile-export-back {
@@ -734,26 +727,13 @@ body,
     border: none;
     border-radius: 10px;
     background: transparent;
-    color: #334155;
+    color: #e2e8f0;
     cursor: pointer;
     flex-shrink: 0;
   }
 
   .mobile-export-back:active {
-    background: #f1f5f9;
-  }
-
-  .mobile-export-title {
-    font-size: 15px;
-    font-weight: 700;
-    color: #0f172a;
-    line-height: 1.2;
-  }
-
-  .mobile-export-subtitle {
-    font-size: 12px;
-    color: #64748b;
-    margin-top: 2px;
+    background: rgba(255, 255, 255, 0.1);
   }
 
   .mobile-export-steps {
@@ -1168,13 +1148,17 @@ body,
 
   .mobile-template-actions {
     width: 100%;
+    flex-wrap: nowrap;
+    gap: 10px;
   }
 
   .mobile-template-actions .mobile-primary-btn {
-    width: 100%;
-    justify-content: center;
-    min-height: 44px;
-    font-size: 13px;
+    flex: 1;
+    min-width: 0;
+  }
+
+  .mobile-template-actions .mobile-icon-btn:active {
+    transform: scale(0.97);
   }
 
   .mobile-design-block {