BottomSheet 底部浮层
通常称为「浮层」或「浮窗」，可用于给予信息提示，也用于展示更多的拓展信息
此组件一般在 mobile web 下使用
默认
显示关闭按钮
自定义头部左右显示
底部操作区
BottomSheet Props
| 参数 | 介绍 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| visible | 是否可见，可通过 .sync 绑定 | Boolean | — | false |
| title | 标题 | String | — | — |
| show-close | 显示关闭按钮 | Boolean | — | false |
| mask-closable | 点击遮罩是否可关闭 | Boolean | — | true |
| can-pull-close | 是否允许下拉关闭 | Boolean | — | true |
transfer (>1.16.6) | 将 BottomSheet 放置在 body | Boolean | — | false |
BottomSheet Slots
| 参数 | 介绍 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| default | 默认 | Slot | — | - |
| header-left | 头部左侧 | Slot | — | - |
| header-right | 头部右侧 | Slot | — | - |
| footer | 底部 | Slot | — | - |
BottomSheet Events
| 事件 | 介绍 | 参数 |
|---|---|---|
| close | 关闭时触发 | (from: CloseFrom) |
ts type CloseFrom = | 'close-btn' | 'visible' | 'mask' | 'pull'