OverlayHost 遮罩宿主

Feedback · Display component

Shared host for service overlays.

On-demand importwbbb-ui/components/overlay-host

Basic Usage

Example code

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

<template>
  <WbbbOverlayHost />
</template>

Live mobile previewOpen in a new tab ↗

States and Interaction

All listed states can be operated and verified in the live Playground preview.

DefaultContent

Service components use <wbbb-overlay-host /> for library visuals and fall back to uni-app native capability without a host.

API Reference

Props

Property	Description	Type	Default	Required
No additional props

Events

None

Slots

None

Two-way binding

Does not support v-model.

Platform Notes

Build verification: H5, App Vue, WeChat Mini Program, Alipay Mini Program, and Douyin Mini Program.

Runtime differences: H5 supports keyboard focus and reduced motion. Mini Programs provide equivalent touch interaction; verify upload, date selection, and overlays on target platforms.

Usage note: Service calls use the unified Overlay Host visual layer when available and retain a native uni-app fallback.