photo-live

xinyouhe/photo-live

Fork 0

Commit Graph

Author	SHA1	Message	Date
浅念	7f9789eb46	polish(viewer): 广告轮播 a11y 补全——aria-current/focus-visible/touch-action/键名对齐评审跟进（Task 10 a11y 两项 + 三个顺手项）： - 圆点当前项程序化状态 :aria-current（ThumbnailStrip:103 同形），active 圆点类名对齐 sibling 约定 ad-dot--active → .active（viewer 无 BEM -- 修饰符） - .ad-slide/.ad-close/.ad-dot 补 :focus-visible 2px 主色描边（AlbumHeader/ThumbnailStrip 同规；主色对暗色衬底/蒙层对比 ≈4:1） - .ad-carousel 补 touch-action: pan-y（ThumbnailStrip pan-x 对偶：水平翻页自持、纵向滚动交还页面） - sessionStorage 键名 viewer:ads-dismissed → viewer.adsDismissed（sibling 点号命名约定；仅 ActivityPage 两处引用，测试无引用） - ad-carousel.spec：类名断言随改 + aria-current 前后迁移断言 Co-Authored-By: Claude Code <noreply@anthropic.com>	2026-09-29 01:08:13 +08:00
浅念	f1c13bff7c	feat(viewer): 相册页广告轮播——4s 自动/暂停/滑动/徽标/会话级关闭 Task 10（广告位轮播实施计划）： - ads/carousel.ts 纯逻辑：nextIndex 环形推进（末→首、单条恒 0）+ swipeStep 滑动判定（≥40px 且水平分量严格大于垂直），carousel.spec 直测 7 例 - AdCarousel.vue：10:3 轮播，4s 自动推进（本地常量 ROTATE_MS）；pointerenter/ pointerdown 暂停、pointerleave 恢复；圆点跳页；touchstart/touchend 滑动翻页（cancel 合成 click）；单条静态无圆点；左上角常驻「广告」徽标 + 右上角 ≥44px ✕ 关闭（emit close，组件无副作用）；视觉一律 var(--viewer-)（半透明层经 color-mix 自 token 派生） - client.ts：PublicAd/PublicAdListResponse 契约类型 + getPublicAds（同形 apiRequest）；__tests__/ad-carousel.spec.ts 组件级 6 例（圆点/关闭/window.open spy/假时钟自动轮播与暂停/滑动/单条静态） - ActivityPage：load() 成功分支独立拉取广告（失败静默、会话级关闭记忆 viewer:ads-dismissed 先行、沿用 sequence 防跨相册竞态）；AlbumHeader 与 PhotoFeed 之间挂 AdCarousel；i18n zh-CN/en 补 ads. 词条 Co-Authored-By: Claude Code <noreply@anthropic.com>	2026-09-29 00:58:48 +08:00

Author

SHA1

Message

Date

浅念

7f9789eb46

polish(viewer): 广告轮播 a11y 补全——aria-current/focus-visible/touch-action/键名对齐

评审跟进（Task 10 a11y 两项 + 三个顺手项）：
- 圆点当前项程序化状态 :aria-current（ThumbnailStrip:103 同形），active 圆点
  类名对齐 sibling 约定 ad-dot--active → .active（viewer 无 BEM -- 修饰符）
- .ad-slide/.ad-close/.ad-dot 补 :focus-visible 2px 主色描边
  （AlbumHeader/ThumbnailStrip 同规；主色对暗色衬底/蒙层对比 ≈4:1）
- .ad-carousel 补 touch-action: pan-y（ThumbnailStrip pan-x 对偶：
  水平翻页自持、纵向滚动交还页面）
- sessionStorage 键名 viewer:ads-dismissed → viewer.adsDismissed（sibling
  点号命名约定；仅 ActivityPage 两处引用，测试无引用）
- ad-carousel.spec：类名断言随改 + aria-current 前后迁移断言

Co-Authored-By: Claude Code <noreply@anthropic.com>

2026-09-29 01:08:13 +08:00

浅念

f1c13bff7c

feat(viewer): 相册页广告轮播——4s 自动/暂停/滑动/徽标/会话级关闭

Task 10（广告位轮播实施计划）：
- ads/carousel.ts 纯逻辑：nextIndex 环形推进（末→首、单条恒 0）+ swipeStep
  滑动判定（≥40px 且水平分量严格大于垂直），carousel.spec 直测 7 例
- AdCarousel.vue：10:3 轮播，4s 自动推进（本地常量 ROTATE_MS）；pointerenter/
  pointerdown 暂停、pointerleave 恢复；圆点跳页；touchstart/touchend 滑动翻页
  （cancel 合成 click）；单条静态无圆点；左上角常驻「广告」徽标 + 右上角 ≥44px
  ✕ 关闭（emit close，组件无副作用）；视觉一律 var(--viewer-*)（半透明层经
  color-mix 自 token 派生）
- client.ts：PublicAd/PublicAdListResponse 契约类型 + getPublicAds（同形
  apiRequest）；__tests__/ad-carousel.spec.ts 组件级 6 例（圆点/关闭/window.open
  spy/假时钟自动轮播与暂停/滑动/单条静态）
- ActivityPage：load() 成功分支独立拉取广告（失败静默、会话级关闭记忆
  viewer:ads-dismissed 先行、沿用 sequence 防跨相册竞态）；AlbumHeader 与
  PhotoFeed 之间挂 AdCarousel；i18n zh-CN/en 补 ads.* 词条

Co-Authored-By: Claude Code <noreply@anthropic.com>

2026-09-29 00:58:48 +08:00

2 Commits