给反馈
弹窗
Modal / Dialog
「弹出来的那个框」「中间跳出来的窗口」「背景变暗的弹窗」「确认删除那个框」「挡着页面的窗口」「必须点掉才能继续」「居中的确认框」
LIVE DEMO真实可交互，动手试试
- 英文名
- Modal / Dialog
- 别名 · 俗称
- 对话框模态框遮罩弹窗shadcn: Dialog
- Web 叫法
- Dialog
- 大白话定义
- 从页面中间弹出来的窗口，背后压一层暗色遮罩，不处理它就别想干别的。
- 部位拆解
- 遮罩 Overlay背后的暗色层，点它一般可关闭
- 标题 Title一句话说清这个弹窗要干嘛
- 按钮组 Actions确认、取消这类操作按钮
- 关闭按钮 Close右上角的 ×，随时可以关掉
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
点「删除」弹出确认弹窗（Dialog）：标题「确认删除？」，遮罩半透明，放「取消」「确认删除」两个按钮
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的弹窗（Dialog）。逐一排除：点遮罩不关闭，outside click 没处理；z-index 不够，弹窗被 sticky 页头压住；打开时没做 body scroll lock，背景还能滚动；Esc 键没绑定关闭，键盘用户出不来。症状是：