术语 · 动效图鉴

按钮加载

Loading Button

点「提交」后，按钮变成转圈，完成后变成对勾，等待的时候心里有底。

点一下提交试试；你不动时，会有一只鼠标自动演示

等待时

按钮形状

成功后

跟 AI 这么说

点击提交按钮后，按钮立刻变成不可点击，文字换成一个转圈的加载图标，按钮宽度保持不变；请求成功后显示一个对勾和「已提交」，1.5 秒后恢复原样；请求失败时恢复原文字并提示错误。

加载状态最重要的作用是防止重复提交：按钮在等待时一定要不可点击。只换了个转圈图标、却还能再点，用户急起来连点三下，就提交了三次。