返回辨真假
辨真假
弹窗 vs 抽屉 vs 贴边面板
Modal / Dialog · Drawer · Sheet
中间打断、侧边推进、边缘贴着滑出来
LIVE DEMO全量并排，直接切身感受差异
什么时候用哪个按成员拆开看场景，不再靠猜
弹窗
Modal / Dialog
- 这一步很关键，必须打断当前流程
- 需要用户先完成确认、审批、填写后再继续
- 适合删除确认、登录、重要表单
抽屉
Drawer
- 想保留原页面上下文，同时展开更多内容
- 内容较多，像边上的工作台或详情侧栏
- 适合筛选器、订单详情、侧边编辑面板
贴边面板
Sheet
- 需要比 modal 更轻的边缘弹层
- 更常见在移动端，从底部或边缘滑出
- 适合操作选择、轻表单、移动端补充面板
各自的提示词当前按 Web 组织，复制即可继续指挥 AI
弹窗
Modal / Dialog
点「删除」弹出确认弹窗（Dialog）：标题「确认删除？」，遮罩半透明，放「取消」「确认删除」两个按钮
抽屉
Drawer
点「筛选」从右侧滑出抽屉（Drawer）：放价格区间和分类复选，底部「重置、确定」两个按钮
贴边面板
Sheet
做一个移动端底部 Sheet：从底部滑入，顶部有拖拽手柄，点击遮罩或下拉手势都能关闭