返回产品瞬间
Motion Pack 18 · 完成反馈

同步恢复

网络恢复后,把本地改动、同步过程和完成结果连成一条清楚的状态线。

实时预览同步恢复
同步恢复3 项更改等待同步

实现一个同步恢复反馈:网络恢复后,状态从“3 个本地改动”切换为“正在同步”,短暂显示旋转同步图标,随后变为“全部已同步”。保留本地改动数量,并提供减弱动效版本。

动效规则

同步状态在原位置推进到全部已同步。

减弱动效

保留状态文字和图标结果,省略旋转。

实现

HTML、CSS 与行为所需的 JavaScript 一起复制。