遮罩宿主 OverlayHost

反馈 · 展示组件

服务弹层的统一宿主

按需导入wbbb-ui/components/overlay-host

基础用法

<script setup lang="ts">
import { WbbbOverlayHost } from 'wbbb-ui/components/overlay-host'
import 'wbbb-ui/styles/overlay-host'
</script>

<template>
  <WbbbOverlayHost />
</template>

真实移动端预览新窗口打开 ↗

状态与交互

以下状态均可在右侧的真实 Playground 中操作与验收。

默认内容态

服务型组件需在应用根部挂载 <wbbb-overlay-host />；未挂载时会回退到 uni-app 原生能力。

API 参考

属性（Props）

属性	说明	类型	默认值	必填
无额外属性

事件（Events）

无

插槽（Slots）

无

双向绑定

不支持 v-model。

平台说明

构建验证：H5、App Vue、微信小程序、支付宝小程序与抖音小程序。

运行时差异：H5 支持键盘焦点与减弱动效；小程序端使用等价触控交互。上传、日期选择和服务弹层应在目标端再次验收。

使用提示：服务组件优先使用 Overlay Host 的统一视觉；Host 未挂载时使用 uni-app 原生降级。

遮罩宿主 OverlayHost ​

基础用法 ​

状态与交互 ​

API 参考 ​