提示弹出方式测试

用于比较系统里常见的提示、弹窗和反馈方式。

Alert

浏览器原生弹窗,会阻塞页面。适合临时测试,不适合精致界面。

Flash Message

模拟 Flask 的 flash message,通常在页面顶部显示一次性成功或错误信息。

3秒后消失

Toast

右上角小气泡,自动消失。适合复制成功、保存完成等轻量反馈。

Modal

页面中间弹窗,需要用户确认。适合重要提示、表单输入或较长信息。

表单模态框 Modal Dialog

带很多字段的模态对话框,适合编辑账号、设置权限、修改个人信息。

Inline Message

在输入框附近直接显示错误。适合登录失败、密码格式错误、表单校验。

Popover

点击按钮后,在按钮旁边弹出解释内容。适合字段说明或操作说明。

Tooltip

鼠标悬停时显示短提示。适合解释图标按钮,不适合重要信息。

Snackbar

底部或顶部短消息,也可以带一个动作按钮。

Confirm Dialog

确认/取消弹窗。适合删除、清空、初始化等需要用户二次确认的操作。

气泡提示 Bubble Tip

也可叫 Speech Bubble / Bubble Notification。从按钮附近冒出一个圆润气泡。

浮动徽章 Floating Badge

也可叫 Floating Label / Badge Animation。适合数量变化、积分增加等轻反馈。

顶部彩带 Notification Banner

也可叫 Top Banner / Alert Banner。适合全局通知、网络恢复、系统维护提醒。

系统提示 刚刚
操作成功。