Skip to content

暂无数据

用于在应用中展示数据加载前的占位内容或无数据时的空状态。提供易于集成的占位符和空状态界面,以优化用户体验并保持应用界面的整洁与一致。

暂无数据

基础使用

vue
<template>
	<view>
		<ucs-empty-data />
	</view>
</template>

默认插槽

vue
<template>
	<view>
		<ucs-empty-data>
			默认自定义区域
		</ucs-empty-data>
	</view>
</template>

修改提示语

vue
<template>
	<view>
		<ucs-empty-data desc="自定义提示语" />
	</view>
</template>

组件属性

属性类型可选值默认值说明
descString-暂无数据描述文本
offsetTopNumber-0距离顶部位置
offsetBottomNumber-0距离底部位置