Empty 内容为空

该组件用于需要加载内容，但是加载的第一页数据就为空，提示一个”没有内容”的场景， 我们精心挑选了十几个场景的图标，方便您使用。

平台差异说明

AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序
√√√√√√√

基本使用

  • 通过text参数配置提示的文字内容
  • 通过mode(默认为data)参数配置要显示的图标
  1. <u-empty text="所谓伊人，在水一方" mode="list"></u-empty>

内置图标

这些图标已内置，直接通过mode参数引用即可

名称说明
car购物车为空
page页面不存在
search没有搜索结果
address没有收货地址
wifi没有WiFi
order订单为空
coupon没有优惠券
favor无收藏
permission无权限
history无历史记录
news无新闻列表
message消息列表为空
list列表为空(通用)
data数据为空(默认，通用)

API

Props

参数说明类型默认值可选值
color文字颜色String#c0c4cc-
text文字提示String无内容-
src自定义图标路径，如定义，mode参数会失效String--
font-size提示文字的大小，单位rpxString | Number28-
mode内置的图标，见上方说明Stringdata-
img-width图标的宽度，单位rpxString | Number240-
img-height图标的高度，单位rpxStringauto-
show是否显示组件Booleantruefalse
margin-top组件到上一个元素的间距,单位rpxString | Number0-

Slot

名称说明
bottom给组件底部传入slot内容