Bottom Sheet 从设备屏幕底部向上滑出，展示一组操作选项，用户可以确认或取消操作。Bottom Sheet 有时可以作为菜单的替代方案，但不应用于导航。

Bottom Sheet 总是显示在页面所有其他组件的上方，必须关闭后才能与底层内容交互。触发时，页面其余部分会变暗，以突出 Bottom Sheet 中的选项。

Bottom Sheet 可以以列表或网格形式展示，支持图标或头像。既可以在 Vue 模板中作为组件使用，也可以作为全局方法调用。

// quasar.config file

return {
  framework: {
    plugins: [
      'BottomSheet'
    ]
  }
}

用法

import { BottomSheet } from 'quasar'
BottomSheet.create({ ... }) // returns Object

// inside of a Vue file
import { useQuasar } from 'quasar'
setup () {
  const $q = useQuasar()
  $q.bottomSheet({ ... }) // returns Object
}