xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 15 Pull Requests 16 Actions 34.2k Packages Projects Releases 7 Wiki Activity

fix(viral-video): 时长滚轮改为弹层式，保持与其他表单项外观一致 #2199

Merged
xiaoxia merged 1 commits from fix/vv-duration-picker-popup into develop 2026-10-05 17:09:06 +08:00
Conversation 4 Commits 1 Files Changed 4
+213 -135
xiaoxia commented 2026-10-05 16:49:58 +08:00
Owner
Copy Link
Copy Source

问题

上一版 #2196 把时长选择器直接做成页面上常驻的大滚轮控件，破坏了原有表单项的统一外观。用户要求：只改交互（15–30 秒滚轮选），不改 UI 样式。

修复

  • DurationWheelPicker 改为 Popover 弹层式：
    • 触发按钮外观与页面其他 Select 完全一致（白底+1px #e0e0e8 边框+hover 深灰边+focus 紫色 ring+右侧下拉箭头）
    • 点击弹出滚轮面板（白底卡片内浅紫滚轮），底部含「取消/确认」按钮
    • 滚轮交互不变：scroll-snap、触摸/鼠标滚轮/点击、选中行紫字加粗+浅紫高亮条、两端渐变
  • 移除常驻大滚轮块、label 右侧紫色徽章、底部「上下滑动选择…」提示文字
  • 移除 ViralVideoPage.css 中不再使用的 .vv-label-value 样式
  • 默认值 20s、范围 15–30s 步长 1s、切换模型按 max_duration clamp 逻辑保持

验证

  • tsc/eslint/prettier 均通过
  • vite build 通过
## 问题 上一版 #2196 把时长选择器直接做成页面上常驻的大滚轮控件，破坏了原有表单项的统一外观。用户要求：只改交互（15–30 秒滚轮选），不改 UI 样式。 ## 修复 - DurationWheelPicker 改为 Popover 弹层式： * 触发按钮外观与页面其他 Select 完全一致（白底+1px #e0e0e8 边框+hover 深灰边+focus 紫色 ring+右侧下拉箭头） * 点击弹出滚轮面板（白底卡片内浅紫滚轮），底部含「取消/确认」按钮 * 滚轮交互不变：scroll-snap、触摸/鼠标滚轮/点击、选中行紫字加粗+浅紫高亮条、两端渐变 - 移除常驻大滚轮块、label 右侧紫色徽章、底部「上下滑动选择…」提示文字 - 移除 ViralVideoPage.css 中不再使用的 .vv-label-value 样式 - 默认值 20s、范围 15–30s 步长 1s、切换模型按 max_duration clamp 逻辑保持 ## 验证 - tsc/eslint/prettier 均通过 - vite build 通过
xiaoxia added 1 commit 2026-10-05 16:49:59 +08:00
fix(viral-video): 时长滚轮改为弹层式，保持表单外观与其他字段一致
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
Details
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
Details
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m38s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m45s
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m46s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m58s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m58s
Details
CI/CD Pipeline / Validate - Style (pull_request) Failing after 5m22s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 6m12s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m46s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 10m7s
Details
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Failing after 1s
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 8m16s
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 33s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 1m2s
Details
14078ab85c 
- DurationWheelPicker 改为 Popover 弹层式：触发按钮外观与 .vv-select 下拉完全一致
  （白底+1px #e0e0e8 边+hover 深灰边+focus 紫色 ring+下拉箭头）
- 点击触发按钮弹出滚轮面板（白卡片+浅紫滚轮），含「取消/确认」按钮
- 滚轮内部交互不变：scroll-snap、触摸/滚轮/点击、选中紫字加粗+浅紫高亮条
- 移除常驻大滚轮块、label 右侧紫色徽章、底部提示文字
- 移除 .vv-label-value 样式（已不再使用）
- 默认 20s、15-30s步长1s、模型切换clamp 逻辑保持
gitea-actions bot commented 2026-10-05 16:51:56 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

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

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

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

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

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

CI全绿，自动审批通过。

CI全绿，自动审批通过。
auto-approve-bot approved these changes 2026-10-05 16:51:57 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。
xiaoxia merged commit 9ffe909dc0 into develop 2026-10-05 17:09:06 +08:00
gitea-actions bot commented 2026-10-05 17:10:16 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #2199 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.
Reviewers
No Reviewers
auto-approve-bot
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
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#2199
Delete Branch "fix/vv-duration-picker-popup"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?