按钮 Button

按钮是用户主动触发动作的入口。它不只是一个有颜色的矩形，而要让用户知道点击后会发生什么。

• 保存、提交、删除或继续这类动作需要一个明确的触发点。
• 处理中要阻止重复触发，完成或失败要在按钮附近留下能读懂的结果。

按钮的文字、层级和状态共同说明动作意图；如果目标是前往地址或持续切换设置，就不应把其他控件硬改成按钮。

按钮和链接都可能显示成蓝色文字或带边框的控件，但它们的结果不同：按钮执行当前页面动作，链接把用户带到一个目标地址。

• Button 关注提交、保存、删除或继续等一次性动作。
• Link 关注去哪里；Switch 关注一个持续存在的开或关状态。

先说清点击后的结果，再选择语义正确的控件，不要只复制颜色、圆角或箭头。

一个可理解的按钮至少要让动作文字、可操作状态和结果反馈彼此对应。

• 动作文字说明用户点击后要执行什么，不用“确定”这类脱离语境的空泛词。
• 真实 button 元素承接点击和键盘操作；处理中或禁用时应明确不能重复触发。
• 反馈留在按钮附近，说明动作正在处理、已经完成或为什么不能继续。

变体分成两条轴：动作层级决定视觉优先级，状态决定当前是否能继续操作。它们不能混成一个没有标题的状态列表。

在资料编辑页点击保存后，按钮先进入处理中并阻止重复触发，完成后在原位置留下已保存结果。

• 这里观察的是触发、处理中和完成之间的因果关系，不是按钮的颜色变体。

先看用户点击后的结果：执行当前页面动作使用 Button，前往地址使用 Link，切换单一持续设置使用 Switch。

请用真实 button 实现资料编辑页的保存动作：按钮文字明确写出保存更改，点击后进入处理中并阻止重复提交，完成后在按钮附近显示已保存。请根据动作优先级选择主要、次要或危险样式，根据条件不满足时提供禁用说明；如果需求是跳转地址或切换单一设置，请分别使用 Link 或 Switch。保留键盘操作、可访问名称和 390px、320px 下的自然排版，不要把按钮做成装饰卡片。