Empty 空状态

Feedback · Display component

Empty content states.

On-demand importwbbb-ui/components/empty

Basic Usage

Example code

<script setup lang="ts">
import { WbbbEmpty } from 'wbbb-ui/components/empty'
import 'wbbb-ui/styles/empty'
</script>

<template>
  <WbbbEmpty />
</template>

Live mobile previewOpen in a new tab ↗

States and Interaction

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

Empty操作入口

API Reference

Props

Property	Description	Type	Default	Required
description	Provides supporting descriptive text.	string	由 locale 决定	No
image	Sets the image resource used by the item.	string	''	No
imageSize	Sets the rendered size of the image.	WbbbNumeric	160	No
locale	Overrides the locale used for built-in display copy.	WbbbLocaleInput	—	No

Events

None

Slots

• default

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: Use Playground to verify further state combinations and cross-platform behavior.