# Empty 内容为空

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

# 平台差异说明

App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序

# 基本使用

  • 通过text参数配置提示的文字内容
  • 通过mode(默认为data)参数配置要显示的图标
<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 提示文字的大小,单位rpx String | Number 28 -
mode 内置的图标,见上方说明 String data -
img-width 图标的宽度,单位rpx String | Number 240 -
img-height 图标的高度,单位rpx String auto -
show 是否显示组件 Boolean true false
margin-top 组件到上一个元素的间距,单位rpx String | Number 0 -

# Slot

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