Files
chunyu_prject_react/.trae/specs/qrcode-fixes-and-improvements/tasks.md
T
2026-08-05 23:59:22 +08:00

2.7 KiB

二维码生成器修复与优化 - 任务列表

[x] Task 1: 替换颜色预设方案

  • Priority: high
  • Depends On: None
  • Description:
    • 移除"夜空蓝"反色方案(fg 浅色 + bg 深色不适合二维码)
    • 新增更实用美观的配色方案,均为深色前景+浅色背景
    • 新预设:经典黑白(#000/#fff)、深海蓝(#1e40af/#eff6ff)、墨绿(#166534/#f0fdf4)、赭石橙(#c2410c/#fff7ed)、典雅紫(#6b21a8/#faf5ff)、科技蓝(#0891b2/#ecfeff)
  • Acceptance Criteria: 所有预设均为深色前景+浅色背景,无反色方案
  • Test Requirements: human-judgment - 预设色块展示美观,点击应用后二维码颜色正确

[x] Task 2: 优化点阵样式渲染效果

  • Priority: high
  • Depends On: None
  • Description:
    • 圆形点阵:每个模块直径缩小至 moduleSize * 0.82,增加模块间呼吸感
    • 圆角方形点阵:圆角半径调整为 moduleSize * 0.4,使圆角更明显柔和
    • 修改 qrRenderer.ts 中 drawModule 函数的参数
  • Acceptance Criteria: 圆形和圆角方形点阵视觉效果更美观
  • Test Requirements: human-judgment - 三种形状分别查看,圆形有间隙感,圆角方形更柔和

[x] Task 3: 移除复制内容按钮

  • Priority: medium
  • Depends On: None
  • Description:
    • 从 QRCodeGenerator.tsx 的预览区移除"复制内容"按钮及其相关代码
    • 移除 handleCopy 函数和 CopyOutlined 图标引用
    • 下载按钮从双按钮布局改为居中单按钮
    • 对应调整 CSS 样式
  • Acceptance Criteria: 预览区下方仅有下载按钮,无复制按钮
  • Test Requirements: human-judgment - 生成二维码后预览区仅显示下载按钮

[x] Task 4: 验证下载二维码功能

  • Priority: high
  • Depends On: Task 1, Task 2
  • Description:
    • 启动浏览器测试下载功能是否正常
    • 测试带 Logo 的二维码下载
    • 测试不同颜色/形状组合的二维码下载
    • 如有问题修复下载逻辑
  • Acceptance Criteria: 下载 PNG 与预览完全一致
  • Test Requirements: human-judgment - 使用浏览器实际操作下载,检查图片内容

[x] Task 5: 验证 Logo 上传功能

  • Priority: high
  • Depends On: None
  • Description:
    • 在浏览器中测试 Logo 上传、预览、大小调整
    • 测试 Logo 移除功能
    • 测试不同格式(PNG/JPG/GIF/WebP)的 Logo
    • 如有问题修复
  • Acceptance Criteria: Logo 上传/调整/移除/下载均正常
  • Test Requirements: human-judgment - 使用浏览器实际操作,上传多种格式 Logo

Task Dependencies

  • Task 4 depends on Task 1, Task 2(颜色和形状修改后需要重新验证下载)
  • Task 1, Task 2, Task 3, Task 5 可并行执行