全局 / 基础
动效
时长、缓动、位移和按压反馈。
展示
系统样例
高频状态变化
120msduration.fast展开与关闭
200msduration.normal低频界面转换
320msduration.slow循环加载动效
800msduration.loadingCycle标准缓动
cubic-bezier(0.2, 0, 0, 1)easing.standard按压缩放
0.96scale.pressToken
1 个分类
| 名称 | 类型 | 浅色 | 深色 | 预览 |
|---|---|---|---|---|
global.motion.duration.fast高频状态变化 | duration | 120ms | 120ms | Aa |
global.motion.duration.normal展开与关闭 | duration | 200ms | 200ms | Aa |
global.motion.duration.slow低频界面转换 | duration | 320ms | 320ms | Aa |
global.motion.duration.loadingCycle循环加载动效 | duration | 800ms | 800ms | Aa |
global.motion.easing.standard标准缓动 | cubicBezier | cubic-bezier(0.2, 0, 0, 1) | cubic-bezier(0.2, 0, 0, 1) | Aa |
global.motion.scale.press按压缩放 | number | 0.96 | 0.96 | Aa |
使用
使用规则
- 页面和组件通过语义或组件 Token 使用这些值。
- 不要在页面中复制原始值。
- 浅色和深色主题分别检查实际组合。