longandCursor 5aa0cda252 fix(metronome): 视频区域消除黑边 + PIP 遮罩融入画面 ...

黑边原因:容器 280×240 跟 video 内容 1:1 不匹配,
微信 native video 默认 #000 底色从两侧露出来。

修复:
- walker-box 改成 260×260 正方形,跟视频比例一致,
  contain 模式下视频撑满整个容器,左右没缝隙
- 容器和 video 的 background 都设成 #e8ecf2
  (匹配视频右上角浅灰白渐变),万一还有 1rpx 缝也不刺眼
- 容器加微妙的 box-shadow,跟下方档位卡片视觉对齐

PIP/小窗按钮遮罩融入视频画面:
- cover-view 颜色从页面色 #f8fafc 改成 #dde2eb
  (匹配视频右上角的浅灰渐变中间色)
- 盖在 video 上就像视频画面的一部分,看不出是色块
- 尺寸缩到 80×56 刚好覆盖 PIP 按钮,不多遮挡画面
- 左下加 18rpx 圆角让边缘柔和过渡

Co-authored-by: Cursor <cursoragent@cursor.com>

2026-05-25 18:17:59 +08:00

.claude

业务订单

2026-05-07 10:48:21 +08:00

.kiro/steering/ui-ux-pro-max

更新

2026-03-27 18:06:12 +08:00

.vscode

更新

2026-04-13 09:44:10 +08:00

admin

Merge branch 'new-miniapp'

2026-05-22 17:55:54 +08:00

docker

新增

2026-03-01 14:17:59 +08:00

pc

新增

2026-03-01 14:17:59 +08:00

ps

更新

2026-03-20 13:56:40 +08:00

server

更新

2026-05-22 18:00:22 +08:00

TUICallKit

更新

2026-03-23 18:02:16 +08:00

TUICallKit-Vue3

fix(metronome): 视频区域消除黑边 + PIP 遮罩融入画面

2026-05-25 18:17:59 +08:00

ui-project

1

2026-04-29 18:41:39 +08:00

uniapp

revert(uniapp): 移除训练模块,代码已迁至 TUICallKit-Vue3

2026-05-25 11:29:03 +08:00

wx

新增功能

2026-03-09 09:55:04 +08:00

.gitignore

Update .gitignore

2026-05-25 11:33:01 +08:00

.zshrc.codex.tmp

first commit

2026-04-20 16:01:59 +08:00

.zshrc.codex.tmp2

first commit

2026-04-20 16:01:59 +08:00

AGENTS.md

订单修改金额

2026-05-08 16:07:39 +08:00

CLAUDE.md

1

2026-04-21 15:56:04 +08:00

LICENSE

新增

2026-03-01 14:17:59 +08:00

S

Description

No description provided

MIT

475 MiB

Languages

JavaScript 28.7%

Vue 25.2%

java 24.1%

PHP 14.6%

TypeScript 4.2%

Other 3.2%