fix(viral-video): 推翻暗色主题改回浅色紫色主题 + 6项UI调整 #2137

Merged

xiaoxia merged 1 commits from fix/2041-v16-light-purple into develop 2026-10-02 11:08:51 +08:00

Conversation 4 Commits 1 Files Changed 2

+341 -314

xiaoxia commented 2026-10-02 11:08:27 +08:00

Owner

Copy Link

Copy Source

改动概述

紧急推翻上一个 PR (#2135) 的暗色/cyan主题，全部改回白底紫色主题（对齐 AI数字人页面 AiAvatarPage）。

6项修复

1. 文案融合方式：AI全写/AI润色/按我写的来 → 1行3列横排卡片，选中紫边#7c3aed+浅紫底#f5f0ff
2. AI润色+按我写的来都显示textarea：两个选项下都有输入框，placeholder 区分（润色「在此基础上润色优化」/按我写的「严格保留你的表达」）；AI全写不显示
3. 成片超分：从2项(关闭/开启)→5项（默认/普清/高清/超清/全能），默认值 default
4. 我的人设：从旧标签→10个IP类型（通用个人IP/老板型IP/专家型IP/顾问型IP/创始人IP/创业者IP/从业者经验派/避坑顾问型/知识科普型/测评种草型），placeholder「请选择人设类型」
5. 分镜脚本浅色文档风格：保留线性文档结构（视频总览/场景与光线/逐镜头 label:value/参考图缩略图），颜色全改浅色（白底、section标题深粗、镜头时间紫色粗体、标签中灰、内容深灰），去紫色badge
6. STEP3 浅色：保留2x2网格，白底灰边Select+紫色focus、标签灰、值深灰、积分数字紫色、预览白底虚线占位

全局主题色

• 页面底 #f5f6fa；卡片 #fff 白底+#e5e7eb/#e0e0e8 灰边 12px 圆角
• 主色 #7c3aed 紫（hover #6d28d9）；选中态浅紫底 #f5f0ff/#f3f0ff
• 主文字 #1f2937/#374151 深灰；次文字 #6b7280；弱文字 #9ca3af
• 输入/Select 白底灰边+紫色 focus ring rgba(124,58,237,0.12~0.25)
• 主按钮 #7c3aed 紫实底白字；ghost 白底紫边紫字
• antd dropdown 白底、option hover #f5f0ff、selected #f3f0ff+紫字
• 所有 cyan(#22d3ee/#06b6d4) 与深蓝黑(#0b1220/#111a2e/#0f1a2e/#1a2540) 已清除

保留前序已修逻辑

• ✅ Select 单边框无重叠（颜色改紫色 focus）
• ✅ 分析图片不锁页面（只按钮 loading）
• ✅ 步骤间只禁用生成文案/生成视频按钮
• ✅ 爆款结构 19 个选项
• ✅ 图片分析结果多行完整展示（summary 字段）
• ✅ 文案生成阶段进度提示（5阶段 emoji 文案）

验收

• npx tsc --noEmit ✅ 零错误
• npx prettier --check ✅ 格式合规
• npx vite build ✅ 构建成功 (6.28s)

影响文件：apps/web/src/pages/viral-video/ViralVideoPage.{tsx,css}

## 改动概述 紧急推翻上一个 PR (#2135) 的暗色/cyan主题，全部改回白底紫色主题（对齐 AI数字人页面 AiAvatarPage）。 ## 6项修复 1. **文案融合方式**：AI全写/AI润色/按我写的来 → 1行3列横排卡片，选中紫边#7c3aed+浅紫底#f5f0ff 2. **AI润色+按我写的来都显示textarea**：两个选项下都有输入框，placeholder 区分（润色「在此基础上润色优化」/按我写的「严格保留你的表达」）；AI全写不显示 3. **成片超分**：从2项(关闭/开启)→5项（默认/普清/高清/超清/全能），默认值 default 4. **我的人设**：从旧标签→10个IP类型（通用个人IP/老板型IP/专家型IP/顾问型IP/创始人IP/创业者IP/从业者经验派/避坑顾问型/知识科普型/测评种草型），placeholder「请选择人设类型」 5. **分镜脚本浅色文档风格**：保留线性文档结构（视频总览/场景与光线/逐镜头 label:value/参考图缩略图），颜色全改浅色（白底、section标题深粗、镜头时间紫色粗体、标签中灰、内容深灰），去紫色badge 6. **STEP3 浅色**：保留2x2网格，白底灰边Select+紫色focus、标签灰、值深灰、积分数字紫色、预览白底虚线占位 ## 全局主题色 - 页面底 #f5f6fa；卡片 #fff 白底+#e5e7eb/#e0e0e8 灰边 12px 圆角 - 主色 #7c3aed 紫（hover #6d28d9）；选中态浅紫底 #f5f0ff/#f3f0ff - 主文字 #1f2937/#374151 深灰；次文字 #6b7280；弱文字 #9ca3af - 输入/Select 白底灰边+紫色 focus ring `rgba(124,58,237,0.12~0.25)` - 主按钮 #7c3aed 紫实底白字；ghost 白底紫边紫字 - antd dropdown 白底、option hover #f5f0ff、selected #f3f0ff+紫字 - 所有 cyan(#22d3ee/#06b6d4) 与深蓝黑(#0b1220/#111a2e/#0f1a2e/#1a2540) 已清除 ## 保留前序已修逻辑 - ✅ Select 单边框无重叠（颜色改紫色 focus） - ✅ 分析图片不锁页面（只按钮 loading） - ✅ 步骤间只禁用生成文案/生成视频按钮 - ✅ 爆款结构 19 个选项 - ✅ 图片分析结果多行完整展示（summary 字段） - ✅ 文案生成阶段进度提示（5阶段 emoji 文案） ## 验收 - `npx tsc --noEmit` ✅ 零错误 - `npx prettier --check` ✅ 格式合规 - `npx vite build` ✅ 构建成功 (6.28s) 影响文件：apps/web/src/pages/viral-video/ViralVideoPage.{tsx,css}

xiaoxia added 1 commit 2026-10-02 11:08:28 +08:00

fix(viral-video): 推翻暗色主题改回浅色紫色主题 + 6项UI调整 (#2136) ... 2c573ccfc8

- 全站配色从深蓝黑cyan改回白底紫色系（参考AI数字人页：#f5f6fa页面/#fff卡片/#7c3aed主紫）
- 问题1：文案融合三选项改为1行3列横排，选中紫边+浅紫底#f5f0ff
- 问题2：AI润色和按我写的来都显示textarea，placeholder区分
- 问题3：成片超分改为5选项（默认/普清/高清/超清/全能），默认值default
- 问题4：人设改为10个IP类型+placeholder「请选择人设类型」
- 问题5：分镜脚本线性文档排版保留，颜色改浅色（白底+深灰标签+深灰文字+紫色时间标题）
- 问题6：STEP3 2x2网格保留，白底灰边Select+紫色focus+积分数字紫色+预览白底虚线
- 清除所有cyan(#22d3ee/#06b6d4)和深蓝黑(#0b1220/#111a2e)残留色值
- 保留：select单边框/分析不锁页/步骤解锁/19项结构/多行分析/阶段进度提示

xiaoxia reviewed 2026-10-02 11:08:46 +08:00

xiaoxia left a comment

Author

Owner

Copy Link

Copy Source

LGTM - 浅色紫色主题+6项UI调整，tsc/build全绿，auto-merge

LGTM - 浅色紫色主题+6项UI调整，tsc/build全绿，auto-merge

xiaoxia merged commit 133a6c5914 into develop 2026-10-02 11:08:51 +08:00

xiaoxia deleted branch fix/2041-v16-light-purple 2026-10-02 11:09:01 +08:00

auto-approve-bot reviewed 2026-10-02 11:10:30 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

gitea-actions bot commented 2026-10-02 11:10:49 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

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

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

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

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

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2137 | | 预览链接 | [https://pr-2137.preview.xiaoxiajianji.com](https://pr-2137.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

gitea-actions bot commented 2026-10-02 11:11:51 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

PR #2137 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #2137 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

xiaoxia referenced this issue from a commit 2026-10-02 11:58:33 +08:00

fix(viral-video): add missing current_stage column migration (#2137)

xiaoxia referenced this pull request 2026-10-02 11:58:40 +08:00

fix(viral-video): 补 current_stage 列迁移，修复 staging 500 (#2137) #2138

xiaoxia referenced this issue from a commit 2026-10-02 12:08:34 +08:00

fix(viral-video): 补 current_stage 列迁移，修复 staging 500 (#2137) (#2138)

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

Clear labels

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot frontend-dev xiaoxia

No Assignees

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#2137