给反馈
抽屉
Drawer
「旁边滑出来的面板」「从下往上冒的」「侧拉出来的栏」「拉出来的一半屏」「边缘滑出的窗口」「手机底部弹出的面板」「抽屉式面板」
LIVE DEMO真实可交互，动手试试
- 英文名
- Drawer
- 别名 · 俗称
- 侧边抽屉滑出面板侧拉栏shadcn: Drawer
- Web 叫法
- Drawer
- 大白话定义
- 从屏幕边缘滑出来的一大块面板，像拉开抽屉，常用来放详情或筛选。
- 部位拆解
- 抽屉面板 Panel滑出来的主体，放表单或列表
- 遮罩 Overlay背后的暗层，点它收起抽屉
- 把手 Handle移动端顶部的小横条，可拖动关闭
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
点「筛选」从右侧滑出抽屉（Drawer）：放价格区间和分类复选，底部「重置、确定」两个按钮
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的抽屉（Drawer）。逐一排除：打开时没锁 body 滚动，背景页面还能跟着滚；抽屉内列表滚到边界继续滚，穿透带动背景；点遮罩不关闭，只能点按钮；关闭动画没播完组件就卸载，面板闪没。症状是：