二次确认

Confirmation Dialog

交互模式也叫：确认弹窗、确认框、Confirm

一句话：执行删除、支付等无法恢复的操作前，先弹出对话框让用户再确认一次，防止误操作。

详细解释

二次确认用在「做错了代价很大」的地方：删除数据、清空内容、放弃未保存的编辑、付款、注销账号。点击后弹出对话框，写清楚会发生什么（「删除后无法恢复，项目中的 12 个文件也会一起删除」），再给出「取消」和「删除」两个按钮。

几个细节：确认按钮写具体动作（「删除」而不是「确定」）；危险按钮用醒目的样式区分；特别严重的操作（删库、注销）可以要求输入名称后才能确认。轻量的确认也可以用气泡卡片，不用整页遮罩。

不要滥用：每个小操作都要确认，用户会习惯性点「确定」，确认就失去了意义。可以恢复的操作优先用撤销。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

点击项目的「删除」按钮时弹出二次确认对话框：标题「删除项目？」，正文说明「删除后无法恢复，项目内所有文件都会被删除」；按钮为「取消」和深色的「删除」，默认焦点在「取消」；点删除后按钮显示加载状态，成功后关闭弹窗并刷新列表。