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

..

Card

新增

2026-04-07 18:13:03 +08:00

index

更新

2026-03-18 14:53:09 +08:00

login

更新

2026-03-18 14:53:09 +08:00

order

更新

2026-04-10 14:43:58 +08:00

training

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

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

user

feat(TUICallKit-Vue3): 迁入节拍器与练一练训练模块

2026-05-25 11:28:55 +08:00