Bottom Sheet Plugin

Bottom Sheets： 从设备的屏幕底部向上滑动时展示一组操作菜单，底部菜单可以作为菜单的代替方案，但是不应该用作导航。

弹出来的底部菜单总是会展示在所有元素的上方，页面的其他部分会产生一个暗色的遮罩，以使得焦点更多的放在弹出的底部菜单上，并且必须将其关闭后才能与其他组件进行交互。

Bottom Sheets 可以展示列表、网格、图标、头像或者任意 Vue 组件。

BottomSheet API

Installation

// quasar.config.js

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

用法

// 在 Vue 文件之外
import { BottomSheet } from 'quasar'
BottomSheet.create({ ... }) // returns Object

// 在 Vue 文件之内
import { useQuasar } from 'quasar'
setup () {
  const $q = useQuasar()
  $q.bottomSheet({ ... }) // returns Object
}