Skip to content

服务组件与 Overlay Host

Toast、Notify、Dialog 与 ActionSheet 可以独立调用,不依赖全量组件安装。

ts
import { showToast } from 'wbbb-ui/services/toast'

showToast('保存成功')

挂载 Overlay Host

在应用根部挂载一个 Host,使服务组件使用 Wbbb UI 的统一遮罩、层级、队列和动效。

vue
<template>
  <App />
  <wbbb-overlay-host />
</template>

没有挂载 Host 时,服务 API 会回退到对应的 uni-app 原生能力,以保持跨端可用。

服务列表

服务导入路径用途
Toastwbbb-ui/services/toast短消息与操作结果
Notifywbbb-ui/services/notify页面顶部通知
Dialogwbbb-ui/services/dialog确认、取消与结果回传
ActionSheetwbbb-ui/services/action-sheet多项操作选择

服务 API 的队列、Esc/遮罩关闭策略与无 Host 降级,请在对应组件页及 Playground 中验证。

Wbbb UI · 为 uni-app 产品体验而生