iter(g192): 动效时长字面值归零补循环档

2026-10-26 17:55:13 +08:00
parent 0e996e42af
commit 68bfbddc82
6 changed files with 43 additions and 16 deletions
@@ -64,10 +64,15 @@
  --ua-shadow-accent: 0 3px 10px color-mix(in srgb, var(--ua-color-accent) 25%, transparent); /* 主题色投影：主按钮 / 强调控件悬停浮起 */
  --ua-shadow-accent-strong: 0 8px 20px color-mix(in srgb, var(--ua-color-accent) 35%, transparent); /* 主题色强投影：返回顶部等悬浮强调件 */

-  /* ---- 动效：三档时长 + 两条主缓动曲线 ---- */
+  /* ---- 动效：四档交互时长 + 四档循环时长 + 两条主缓动曲线 ---- */
  --ua-duration-fast: 0.15s; /* 快：hover / 聚焦 / 颜色与边框变化（既有样式的主流时长） */
  --ua-duration-base: 0.2s; /* 中：展开收起 / 位移 / 透明度过渡 */
  --ua-duration-slow: 0.25s; /* 慢：浮层出入场 / 较大面积变化 */
+  --ua-duration-slower: 0.35s; /* 更慢：进度条宽度推进 / 描边长度等大跨度形变（比浮层出场再长一档） */
+  --ua-duration-loop-fast: 0.6s; /* 循环快档：条纹滚动等细微循环 */
+  --ua-duration-loop-mid: 0.8s; /* 循环中档：加载转圈 / 开关内转圈（0.7 与 0.8 收敛到此档） */
+  --ua-duration-loop-slow: 1.2s; /* 循环慢档：骨架扫光 / 不确定进度条（1.4 收敛到此档） */
+  --ua-duration-loop-long: 1.6s; /* 循环长档：时间线呼吸等低频脉冲，别再用在加载态上 */
  --ua-ease: cubic-bezier(0.2, 0.8, 0.2, 1); /* 标准缓动：先快后缓，控件交互默认用这条 */
  --ua-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* 出场缓动：元素进入视口 / 弹层出现时使用 */