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): 文案区域固定高度+内部滚动，按钮固定框底 #2222

Merged
auto-approve-bot merged 1 commits from fix/vv-copy-box-scroll into develop 2026-10-06 16:29:10 +08:00
Conversation 4 Commits 1 Files Changed 1
+28 -3
xiaoxia commented 2026-10-06 16:16:49 +08:00
Owner
Copy Link
Copy Source

需求

  • 生成的文案展示在固定高度方框内，文案超出时方框内部滚动（不撑大页面）
  • 「生成文案」/「重新生成文案」按钮固定在文案框下方不动

改动（仅 ViralVideoPage.css，+28/-3）

1. 文案结果框 .vv-storyboard

  • display:flex; flex-direction:column; height:360px; overflow:hidden
  • 加上白底/边框/圆角/上边距，和 loading/空态视觉一致

2. 文案内容区 .vv-sb-doc

  • flex:1 1 auto; overflow-y:auto（占满框内除按钮外的空间，超出内部滚动）
  • 加 6px 宽紫色滚动条（#d8c4ff 紫色拇指）

3. 按钮区 .vv-sb-actions

  • flex-shrink:0 + 白底，固定在框底，永远可见，不随文案滚动

4. 加载/空态 .vv-copy-loading

  • 同步固定 360px 高度，保持和文案框切换时不跳动

5. 「生成文案」主按钮

  • 本来就在 copy-box 外层 form grid 中，位置天然不变，无需改动

不做的事

  • 不加 loading 态、不改按钮文案、不改其他页面样式、不改接口逻辑
## 需求 - 生成的文案展示在固定高度方框内，文案超出时方框内部滚动（不撑大页面） - 「生成文案」/「重新生成文案」按钮固定在文案框下方不动 ## 改动（仅 ViralVideoPage.css，+28/-3） ### 1. 文案结果框 .vv-storyboard - `display:flex; flex-direction:column; height:360px; overflow:hidden` - 加上白底/边框/圆角/上边距，和 loading/空态视觉一致 ### 2. 文案内容区 .vv-sb-doc - `flex:1 1 auto; overflow-y:auto`（占满框内除按钮外的空间，超出内部滚动） - 加 6px 宽紫色滚动条（#d8c4ff 紫色拇指） ### 3. 按钮区 .vv-sb-actions - `flex-shrink:0` + 白底，固定在框底，永远可见，不随文案滚动 ### 4. 加载/空态 .vv-copy-loading - 同步固定 360px 高度，保持和文案框切换时不跳动 ### 5. 「生成文案」主按钮 - 本来就在 copy-box 外层 form grid 中，位置天然不变，无需改动 ## 不做的事 - 不加 loading 态、不改按钮文案、不改其他页面样式、不改接口逻辑
xiaoxia added 1 commit 2026-10-06 16:16:50 +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 / 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 / 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 / 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 E2E Tests (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 / Frontend Unit Tests (pull_request) Successful in 1m42s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m52s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 2m11s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 2m15s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 3m57s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 4m13s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 4m39s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m48s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 11m33s
Details
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Successful in 1s
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
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 10m5s
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 16s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 3m43s
Details
2ffa5603a2 
- .vv-storyboard（文案结果框）改为固定高度 360px + flex column + overflow:hidden
- .vv-sb-doc（文案内容区）flex:1 + overflow-y:auto，文案超出时内部滚动
- .vv-sb-actions（按钮区）flex-shrink:0 固定在框底，不随文案滚动
- 给 .vv-sb-doc 加细紫色滚动条（#d8c4ff）
- .vv-copy-loading（加载/空状态）同步设为 360px 高度，保持视觉一致
- '生成文案'按钮原本就在 copy-box 外层的 form grid 内，本来就不随文案滚动，无改动
- 不改按钮文案、不改接口、不加新功能
auto-approve-bot approved these changes 2026-10-06 16:19:03 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

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

CI全绿，自动审批通过。

CI全绿，自动审批通过。
gitea-actions bot commented 2026-10-06 16:19:07 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

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

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

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

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

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2222 | | 预览链接 | [https://pr-2222.preview.xiaoxiajianji.com](https://pr-2222.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。
auto-approve-bot merged commit 0fa2397f33 into develop 2026-10-06 16:29:10 +08:00
auto-approve-bot deleted branch fix/vv-copy-box-scroll 2026-10-06 16:29:12 +08:00
gitea-actions bot commented 2026-10-06 16:32:53 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #2222 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 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#2222
Delete Branch "fix/vv-copy-box-scroll"

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?