tools/label-designer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完美

Browse Source
This commit is contained in:
iqudoo
2026-06-12 22:41:45 +08:00
parent d1ac4cc405
commit b25c50006d
2 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.tsx
View File

@@ -683,14 +683,14 @@ export default function App() {
<button
type="button"
onClick={() => setShowAddTmplForm(true)}
className="inline-flex items-center gap-1.5 px-4 py-2 bg-indigo-600 text-white rounded-xl text-xs font-semibold whitespace-nowrap transition hover:bg-indigo-700 shadow-sm cursor-pointer"
className="inline-flex items-center gap-1.5 px-4 py-2 bg-indigo-600 text-white rounded-xl text-xs font-semibold whitespace-nowrap transition hover:bg-indigo-800 shadow-sm cursor-pointer"
>
<Plus className="w-4 h-4 shrink-0" />
新建模板
</button>
)}
<label
className={`inline-flex items-center gap-1.5 bg-white/10 hover:bg-white/15 active:bg-white/20 border border-slate-700 text-slate-100 rounded-xl font-semibold whitespace-nowrap transition shadow-sm cursor-pointer ${isMobile
className={`inline-flex items-center gap-1.5 bg-indigo-600 hover:bg-indigo-800 text-white rounded-xl font-semibold whitespace-nowrap transition shadow-sm cursor-pointer ${isMobile
? 'min-h-[40px] px-3 py-2 text-[11px]'
: 'px-4 py-2 text-xs'
}`}
@@ -899,16 +899,16 @@ export default function App() {
======================================================== */}
{workflowStep === 'template-design' && isMobile && hasTemplates && (
<div className="mobile-design-block bg-[#292929] text-[#e8e8e8] flex-1">
<p className="text-sm text-[#ccc] max-w-[280px] leading-relaxed">
可视化模板设计需要在电脑端操作。移动端可直接上传数据并生成 PDF。
<p className="text-sm text-[#666666] max-w-[280px] leading-relaxed">
请在电脑端进行标签设计
</p>
<button
type="button"
onClick={() => openPrintView()}
className="inline-flex items-center gap-2 px-5 py-2.5 bg-[#31a8ff] text-white text-sm font-semibold rounded-lg cursor-pointer"
className="inline-flex items-center gap-2 px-5 py-2.5 bg-indigo-600 hover:bg-indigo-700 active:bg-indigo-800 text-white text-sm font-semibold rounded-lg cursor-pointer"
>
<FileDown className="w-4 h-4" />
去上传数据
<Printer className="w-4 h-4" />
去生成标签
</button>
<button
type="button"

11
src/components/MobileExportView.tsx
View File

@@ -86,15 +86,14 @@ export const MobileExportView: React.FC<MobileExportViewProps> = ({
return (
<div className="mobile-export-view">
<header className="no-print bg-indigo-700 border-b border-indigo-900 shrink-0 shadow mobile-export-header px-4">
<div className="flex items-center w-full min-h-[44px]">
<button
type="button"
<div className="flex items-center w-full">
<label
onClick={onBack}
className="mobile-export-back shrink-0"
aria-label="返回"
className={`inline-flex items-center gap-1.5 bg-indigo-600 hover:bg-indigo-800 text-white rounded-xl font-semibold whitespace-nowrap transition shadow-sm cursor-pointer
min-h-[40px] px-3 py-2 text-[11px]`}
>
<ChevronLeft className="w-5 h-5" />
</button>
</label>
<p
className="flex-1 min-w-0 px-2 text-center text-sm font-bold tracking-wide text-slate-100 truncate"
title={templateName}