Skip to content

网络不给力

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

网络不给力

基础使用

vue
<template>
	<view>
		<ucs-empty-network-weak />
	</view>
</template>

默认插槽

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

修改提示语

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

组件属性

属性类型可选值默认值说明
descString-网络不给力描述文本
offsetTopNumber-0距离顶部位置
offsetBottomNumber-0距离底部位置