点击下方卡片查看不同类型的弹窗效果
最简单的弹窗，包含标题、内容和确认按钮。适用于普通的信息提示场景。
带有绿色主题的成功提示弹窗，用于操作完成后的反馈，视觉更加醒目。
包含输入框的弹窗，适用于需要用户填写信息的场景，如登录、订阅等。
需要用户确认的危险操作弹窗，包含取消和确认按钮，防止误操作。
💡 提示：点击遮罩层或按 ESC 键也可以关闭弹窗
这是一个基础弹窗示例。你可以在这里放置任何内容，比如提示信息、说明文字等。
弹窗支持响应式设计，在移动端也会自动适配屏幕宽度。
你的操作已成功完成！数据已保存到服务器。
页面将在 3 秒后自动刷新
订阅我们的周刊，获取最新的技术资讯和教程。
你确定要删除这条记录吗？
此操作不可撤销，删除后数据将无法恢复。