底部抽屉 Bottom Sheet
移动端从屏幕底部滑出的半屏面板,常用来装分享、筛选等一组选项
**底部抽屉(Bottom Sheet)**是移动端的“弹窗”:面板从屏幕底部滑上来停在半屏,顶部一根拖拽把手。拇指够得着、一排大按钮好点按——iOS 的分享面板、地图的地点详情卡都是它。
什么时候用:一组并列选项(分享到哪、导出成什么格式)、筛选器、移动端详情卡。它和侧边抽屉是一对:侧边抽屉装导航,底部抽屉装“当下任务相关的选项”。
对 AI 说清楚的三要素:① 滑出 0.3s、下滑手势可关闭(不只靠按钮);② 顶部圆角 + 把手是辨识标志;③ 选项按钮全宽、高 44px 以上,这是触屏底线。
复制即用的提示词片段
移动端选项用底部抽屉(Bottom Sheet):点击触发后,面板从屏幕 底部 0.3s 滑出至半屏,顶部带圆角和拖拽把手;背景加遮罩, 点遮罩、点取消或下滑把手均可关闭;选项按钮全宽排列、触达友好。