对话框（弹窗）
屏幕中间弹出的那个框：背景变暗，只能先处理它——确认删除、填写小表单都靠它。
底部弹层
Bottom Sheet
从屏幕底部升起来的半屏面板：分享、筛选、选规格——拇指够得着，还能下拉关掉。
iOSAndroid 安卓HarmonyOS 鸿蒙移动 Web / 小程序浮层底部弹层组件
大白话说明
底部弹层是移动端的浮层主力：从底部升起，顶部有拖拽条暗示可以拉动，下拉或点遮罩关闭。它比居中弹窗更顺手（拇指区），又比全屏页更轻（背景还看得见上下文）。
什么时候用
移动端的分享、筛选、选择器、商品规格、操作菜单——需要上下文又需要空间时。
什么时候不用
内容需要长时间编辑（写长文）时别用弹层，空间和键盘都会打架，去全屏页。
细节与变体
- 高度超过 70% 就该考虑全屏页，弹层里再滚动长列表体验很差
- 打开时背景页要锁定滚动，否则两层一起滚
- 拖拽条只是提示，关闭按钮或手势要真实可发现
配套效果见下方「可用效果」。
配套提示词（点开填空、复制）
可用效果
参考实现（开源）
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。
- TDesign（腾讯） ↗ MIT · 免费（MIT）
腾讯出品的全栈设计系统：Web、移动、小程序、桌面都有，国内生态最完整的一套。
- Radix UI（无样式原语） ↗ MIT · 免费（MIT）
只管行为不管长相的组件原语：弹层、菜单、开关的键盘与焦点处理都替你做好了。