给反馈
贴边面板
Sheet
「底部滑出来的面板」「手机上半截弹层」「贴边弹出来的框」「下面升起来那块」「操作面板」
LIVE DEMO真实可交互，动手试试
选择分享方式
微信
链接
邮件
- 英文名
- Sheet
- 别名 · 俗称
- 底部面板边缘滑出层贴边弹层Action Sheet
- Web 叫法
- Sheet
- 大白话定义
- 从屏幕边缘贴着滑出来的一块面板，常见的是从底部升起，比居中弹窗更轻一些。
- 部位拆解
- 贴边容器 Panel从底部或侧边贴着屏幕出现
- 遮罩 Scrim背后半透明遮罩，强调当前层级
- 拖拽手柄 Handle提示用户可以下拉关闭
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个移动端底部 Sheet：从底部滑入，顶部有拖拽手柄，点击遮罩或下拉手势都能关闭
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的贴边面板（Sheet）。逐一排除：面板高度过高像全屏页面；只做了视觉滑入，焦点和滚动锁没跟上；手柄只是装饰不能拖动关闭；键盘弹起时底部输入区被挡住。症状是：