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 <button
type="button" type="button"
onClick={() => setShowAddTmplForm(true)} 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" /> <Plus className="w-4 h-4 shrink-0" />
新建模板 新建模板
</button> </button>
)} )}
<label <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]' ? 'min-h-[40px] px-3 py-2 text-[11px]'
: 'px-4 py-2 text-xs' : 'px-4 py-2 text-xs'
}`} }`}
@@ -899,16 +899,16 @@ export default function App() {
======================================================== */} ======================================================== */}
{workflowStep === 'template-design' && isMobile && hasTemplates && ( {workflowStep === 'template-design' && isMobile && hasTemplates && (
<div className="mobile-design-block bg-[#292929] text-[#e8e8e8] flex-1"> <div className="mobile-design-block bg-[#292929] text-[#e8e8e8] flex-1">
<p className="text-sm text-[#ccc] max-w-[280px] leading-relaxed"> <p className="text-sm text-[#666666] max-w-[280px] leading-relaxed">
可视化模板设计需要在电脑端操作。移动端可直接上传数据并生成 PDF。 请在电脑端进行标签设计
</p> </p>
<button <button
type="button" type="button"
onClick={() => openPrintView()} 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>
<button <button
type="button" type="button"

11
src/components/MobileExportView.tsx
View File

@@ -86,15 +86,14 @@ export const MobileExportView: React.FC<MobileExportViewProps> = ({
return ( return (
<div className="mobile-export-view"> <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"> <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]"> <div className="flex items-center w-full">
<button <label
type="button"
onClick={onBack} onClick={onBack}
className="mobile-export-back shrink-0" 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
aria-label="返回" min-h-[40px] px-3 py-2 text-[11px]`}
> >
<ChevronLeft className="w-5 h-5" /> <ChevronLeft className="w-5 h-5" />
</button> </label>
<p <p
className="flex-1 min-w-0 px-2 text-center text-sm font-bold tracking-wide text-slate-100 truncate" className="flex-1 min-w-0 px-2 text-center text-sm font-bold tracking-wide text-slate-100 truncate"
title={templateName} title={templateName}