fix: 标题预览仅在Step4显示,Step5不再显示标题叠加层 #1392

Merged
auto-approve-bot merged 1 commits from fix/title-preview-step4-only into develop 2026-08-16 18:41:12 +08:00
Owner

问题

用户在 Step5(生成预览视频)页面看到标题 Canvas 叠加层和右侧面板的预览视频重复,显得拥挤。

修复

  • showTitlePreview 条件从 currentStep >= 4 && currentStep <= 5 改为 currentStep === 4
  • Step5 预览视频页面只展示预览视频本身,不再叠加标题 Canvas
  • 标题预览只在 Step4(选择标题)页面显示

验证

  • tsc --noEmit 零错误
  • prettier 格式通过
## 问题 用户在 Step5(生成预览视频)页面看到标题 Canvas 叠加层和右侧面板的预览视频重复,显得拥挤。 ## 修复 - `showTitlePreview` 条件从 `currentStep >= 4 && currentStep <= 5` 改为 `currentStep === 4` - Step5 预览视频页面只展示预览视频本身,不再叠加标题 Canvas - 标题预览只在 Step4(选择标题)页面显示 ## 验证 - [x] tsc --noEmit 零错误 - [x] prettier 格式通过
xiaoxia added the bugfrontend labels 2026-08-16 18:31:30 +08:00
xiaoxia added 1 commit 2026-08-16 18:31:30 +08:00
fix: 标题预览仅在Step4显示,Step5不再显示标题叠加层
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 35s
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
AI Code Review / AI Code Review (pull_request) Successful in 1m29s
CI/CD Pipeline / Validate - Migration (alembic) (pull_request) Successful in 1m39s
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m16s
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 1m56s
CI/CD Pipeline / Validate - Type Check (mypy) (pull_request) Successful in 1m59s
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 2m33s
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 2m15s
PR Automation / Auto Approve on CI Green (pull_request) Successful in 2m56s
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 2m38s
CI/CD Pipeline / Validate - Code Quality (pull_request) Successful in 4m45s
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 6s
Preview Cleanup / Cleanup Preview Environment (pull_request) Failing after 4s
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 43s
91165a4a34
- showTitlePreview 条件从 currentStep>=4&&<=5 改为 currentStep===4
- Step5预览视频页面只展示预览视频本身,不再叠加标题Canvas
- 避免与右侧面板预览视频重复导致视觉拥挤
Collaborator

【阻塞级判定】

  • 是否存在阻塞级问题:否
  • 阻塞级问题数量:0 个

📊 审查概览

  • 整体评价:有建议
  • 建议级问题数量:1 个

🔴 阻塞级问题(必须修复)

💡 改进建议(不阻塞合并)

  1. [apps/web/src/pages/generate/GeneratePage.tsx:268] 业务逻辑变更确认
    • 具体内容:代码将 showTitlePreview 的判断条件从 currentStep >= 4 && currentStep <= 5(即步骤 4 和 5 均显示)修改为 currentStep === 4(仅步骤 4 显示)。考虑到上下文中存在 step5Preview 相关逻辑,请确认此变更是符合产品预期的需求调整(即步骤 5 不再需要显示标题预览),而非遗漏了对步骤 5 的处理。

良好实践

  • 逻辑简化:将范围判断简化为相等性判断,在确认需求正确的前提下,提高了代码的可读性。

🤖 由 AI 代码审查机器人自动生成 | 2026-08-16 10:32:56 | 模型:

### 【阻塞级判定】 - 是否存在阻塞级问题:否 - 阻塞级问题数量:0 个 ### 📊 审查概览 - 整体评价:有建议 - 建议级问题数量:1 个 ### 🔴 阻塞级问题(必须修复) 无 ### 💡 改进建议(不阻塞合并) 1. **[apps/web/src/pages/generate/GeneratePage.tsx:268] 业务逻辑变更确认** - 具体内容:代码将 `showTitlePreview` 的判断条件从 `currentStep >= 4 && currentStep <= 5`(即步骤 4 和 5 均显示)修改为 `currentStep === 4`(仅步骤 4 显示)。考虑到上下文中存在 `step5Preview` 相关逻辑,请确认此变更是符合产品预期的需求调整(即步骤 5 不再需要显示标题预览),而非遗漏了对步骤 5 的处理。 ### ✅ 良好实践 - 逻辑简化:将范围判断简化为相等性判断,在确认需求正确的前提下,提高了代码的可读性。 --- <sub>🤖 由 AI 代码审查机器人自动生成 | 2026-08-16 10:32:56 | 模型: </sub> <!-- AI_CODE_REVIEW_AUTO_COMMENT -->

🚀 预览环境已部署

项目 详情
PR号 #1392
预览链接 https://pr-1392.preview.xiaoxiajianji.com
API环境 staging

💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后,预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1392 | | 预览链接 | [https://pr-1392.preview.xiaoxiajianji.com](https://pr-1392.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后,预览环境会自动清理。
auto-approve-bot approved these changes 2026-08-16 18:34:26 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。
auto-approve-bot approved these changes 2026-08-16 18:34:26 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。
auto-approve-bot merged commit e96be1771a into develop 2026-08-16 18:41:12 +08:00
auto-approve-bot deleted branch fix/title-preview-step4-only 2026-08-16 18:41:12 +08:00
Sign in to join this conversation.