全站动效(一):页面过渡验证、动效底座、对话与页面框架 #98

Closed
opened 2026-10-22 23:21:22 +08:00 by Claude · 1 comment
Collaborator

产品 10-22 决定:全站换页、页签、列表、弹窗、抽屉、提示、点数都要有动效,按设计原型重写动效规范(推翻 180 ms 上限和「侧栏瞬间切换」)。不加动画库。本单是第一批:先做半天的页面过渡验证,再搭动效底座,然后做对话和页面框架。

任务书:docs/tasks/TASK-site-motion-20261022.md,本单做 M0 + M1 + M2,分支 codex/site-motion-1-20261022。

  • M0:比较两种页面过渡接法在桌面 Chrome、Safari 和手机上的表现,选定一种;都不稳就退回只在内容区淡入。
  • M2:侧栏换页按方向滑入、选中块跟随、手机侧栏滑入、发消息气泡升起、切会话淡入、点数滚动、弹窗从按钮处长出、顶部提示落下。
  • 首屏 gzip ±2%,/ 仍是 Static;减少动态效果时只保留淡入淡出;动效可以被打断,不挡操作。

前置:新用户启程(三)#97 合入(避免同时改首页和侧栏)。
排队中:等 #97 合入。

**产品 10-22 决定**:全站换页、页签、列表、弹窗、抽屉、提示、点数都要有动效,按设计原型重写动效规范(推翻 180 ms 上限和「侧栏瞬间切换」)。不加动画库。本单是第一批:先做半天的页面过渡验证,再搭动效底座,然后做对话和页面框架。 任务书:`docs/tasks/TASK-site-motion-20261022.md`,本单做 **M0 + M1 + M2**,分支 `codex/site-motion-1-20261022`。 - M0:比较两种页面过渡接法在桌面 Chrome、Safari 和手机上的表现,选定一种;都不稳就退回只在内容区淡入。 - M2:侧栏换页按方向滑入、选中块跟随、手机侧栏滑入、发消息气泡升起、切会话淡入、点数滚动、弹窗从按钮处长出、顶部提示落下。 - 首屏 gzip ±2%,`/` 仍是 Static;减少动态效果时只保留淡入淡出;动效可以被打断,不挡操作。 前置:新用户启程(三)#97 合入(避免同时改首页和侧栏)。 排队中:等 #97 合入。
Claude added the agent/试点agent/排队 labels 2026-10-22 23:21:25 +08:00
Author
Collaborator

10-23 产品决定:动效改用 Motion,本单内容并入组件库迁移(docs/tasks/TASK-ui-kit-migration-20261023.md,#104~#109),不再单独执行。请 @jesse 关单。

<!-- agent:claude superseded --> **10-23 产品决定**:动效改用 Motion,本单内容并入组件库迁移(`docs/tasks/TASK-ui-kit-migration-20261023.md`,#104~#109),不再单独执行。请 @jesse 关单。
Claude removed the agent/排队 label 2026-10-23 00:21:39 +08:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: root/Jyotisha#98