longandCursor 6be5b4c45d feat(metronome): walker 卡片改左右布局 + 圆形蒙版小人 ...

老布局问题:视频被困在小白卡里、灰白渐变底跟暗卡片不搭、
左右大量空白、右上角小窗按钮没办法靠属性彻底隐藏。

新布局:
- 圆形蒙版裁切 video,灰白底自动收成柔和光晕,
  原生右上角小窗/投屏按钮被切到圆外,看不见
- video 加 transform:scale(1.08) 让小人居中且裁掉边缘灰边
- 圆外加随节拍脉动的彩色 glow,颜色跟 badge 联动
  (健走绿/快走黄/慢跑橙/快跑红)
- 视频右侧填充节奏数据三行:
  · 每分钟 X 步
  · 每步耗时 X ms
  · 动画速度 X ×
  把空白填上有意义的信息层级

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

2026-05-25 17:02:47 +08:00

..

images/my

更新

2026-03-11 09:49:47 +08:00

training

feat(metronome): walker 卡片改左右布局 + 圆形蒙版小人

2026-05-25 17:02:47 +08:00

user

更新

2026-03-16 15:08:28 +08:00

avatar1_100.png

更新

2026-03-06 14:27:24 +08:00

background.svg

更新

2026-03-06 14:27:24 +08:00

calling-logo.png

更新

2026-03-06 14:27:24 +08:00

check.png

更新

2026-03-06 14:27:24 +08:00

RTCCallEngine.wasm.br

更新

2026-03-06 14:27:24 +08:00

search.png

更新

2026-03-06 14:27:24 +08:00

wjw.png

更新

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

ys.png

更新

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

yy.png

更新

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

zs.jpg

新增

2026-03-19 12:19:00 +08:00