fix(viral-video): 素材库音频选择弹窗占位符显示修复+按钮禁用态可见性加固 #2120
Merged
xiaoxia
merged 1 commits from 2026-10-01 11:40:24 +08:00
fix/2041-voice-asset-picker-empty into develop
1 Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
 saas前端工程师
|
3430c2fb6d |
fix(viral-video): 素材库音频选择弹窗修复+按钮禁用态可见性加固
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 21s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 58s
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m24s
CI/CD Pipeline / Validate - Style (pull_request) Has been skipped
CI/CD Pipeline / Validate - Security (pull_request) Has been skipped
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Has been skipped
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / Frontend Lint (pull_request) Has been skipped
CI/CD Pipeline / Frontend Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 47s
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
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
PR Automation / Auto Approve on CI Green (pull_request) Successful in 2m53s
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 / Retag skipped Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 3s
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Production Browser E2E (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 / Canary Release to Production (pull_request) Has been skipped
AI Code Review / AI Code Review (pull_request) Successful in 6m38s
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 1m47s
1. 修复「从素材库选择」配音弹窗列表只显示音符占位符不显示名称的问题： - 根因：.vv-thumb-ph（占位图标）在 voice 横向卡片中继承 width/height:100%，占满整行把 .vv-thumb-name 挤到视口外，用户只看到3个大号🎵图标看不到名称 - 修复：为 .vv-asset-voice .vv-thumb-ph 设置固定 36px 圆形+浅紫底+紫色音符（与头像风格一致） - .vv-asset-voice 下的 img/video 也限 36px 圆形，避免缩略图过大 - .vv-asset-voice .vv-thumb-name 改为 flex 布局+左对齐+透明底 - 音频项名称后显示时长徽章（如 15s），与其他模块展示一致 - 勾选标记 ✓ 从右上角移到垂直居中靠右（横向卡片更合理） 2. 空状态提示优化（voice kind）： - 原先只显示「该素材库暂无音频素材」一行 - 现在分两行：主提示「暂无配音素材」+ 副提示「请先在『配音/我的音色』中上传音频文件，或在素材库管理中添加」 - 其他 kind（image/video）保持原样 3. 「选择内置音色」Modal 绑定代码复核： - 按钮 onClick={() => setVoicePickerOpen(true)} ✅ - disabled={!canEditAssets} 在 STEP1 未上传时为 disabled（符合预期） - PresetVoicePickerModal 已在 JSX 末尾正确挂载，传 open/voices/selectedId/onClose/onConfirm ✅ - vv-col-disabled 的 opacity 已通过 .vv-col-disabled .vv-btn-primary { opacity:1 !important } 覆盖，按钮在禁用列中仍用 vv-btn-disabled-gray 灰色样式可见 4. STEP2/STEP3 disabled 灰色按钮可见性加固： - vv-btn-disabled-gray 已设置 opacity:1 + 灰色#d1d5db背景+灰字#6b7280，不会被父级 opacity:0.55 冲淡 - vv-col-disabled 下 .vv-btn-primary opacity:1 强制覆盖 - disabled 主按钮清晰可见为灰色块状，和紫色激活态形成明显对比 tsc/vite build 全绿。 |