{site_name}

{site_name}

🌜 搜索

Vant4 Empty 空状态是指在用户界面中没有数据或内容可显示时显示的一种空白页面状态

前端 𝄐 0
vant弹出层,vant的table,vant custom-class,vant的loading,vant弹出框,vant加载中
Vant4 Empty 空状态是指在用户界面中没有数据或内容可显示时显示的一种空白页面状态。这个空状态可以用来向用户传达信息,例如告诉用户当前列表为空或搜索结果不存在。

Vant4 Empty 空状态通常包括一个图标、一段文字和一个可选的操作按钮。这些元素旨在吸引用户的注意力,并向他们提供有用的指导,例如让他们更轻松地添加新数据或重新开始搜索操作。

以下是一个示例,演示了如何在 Vant4 中使用空状态组件:

html
<van-empty
description="未搜索到相关商品"
image="https://img.yzcdn.cn/vant/empty-image.png"
>
<van-button type="primary">重新搜索</van-button>
</van-empty>


在这个例子中,如果用户搜索不到任何商品,空状态组件将会出现在页面上。它包括一个描述文本“未搜索到相关商品”,一个图片,以及一个重新搜索的按钮。这些元素共同为用户提供了有用的信息和操作建议。