JIMO

# EmptyStatus 空状态

空状态组件，完全对齐设计规范，避免重复开发布局样式

# 引入说明

TIP

import EmptyStatus from "jimoui/components/EmptyStatus/EmptyStatus";
1

# 代码演示

TIP

<EmptyStatus
        :logoUrl="'https://img.dmallcdn.com/dshop/202006/a0f99f23-5ec9-4c53-9e01-edfd0f1ca278'"
        :buttonText="'重新加载试试呢'"
        :tipText="'您暂时没有已申请的发票'"
        :defaultHeight="400"
></EmptyStatus>
1
2
3
4
5
6
7

# 属性

配置 用途 取值 使用描述
inherit 继承父元素高度。 / 传入该属性即可。
当组件定义了inherit属性时，defaultHeight会被自动忽略，此时组件占位高度将使用父元素高度。
:logoUrl 空状态图片url。 String 占位图URL。该项为必传项。
:imgClass 自定义图片样式类 String 自行设置图片宽高，下边距等。
:buttonText 刷新按钮文案 String 刷新按钮文案。该项若不传则不显示刷新按钮。
:titleText 大标题文案 String 大标题文案。
使用场景应较少，当你不传入时，主动不展示它。
大标题强制不换行，请注意文案长度。
:titleSize 大标题字号 String 默认15px。
:tipText 提示语文案 String 灰色提示语的文案。该项若不传则不显示提示语。
:tipTextClass 自定义提示语文案样式类 String 自行设置字体大小，颜色，宽度，及对齐方式。
:defaultHeight 占位区域高度。 Number 组件默认占用父容器100%宽度，屏幕100%高度。
部分情况下你可能希望它仅在指定容器内居中，
此时可传入该属性自定义占位区域高度。
@tapReload 点击按钮，执行刷新回调 Function $event
点击刷新按钮执行回调。
firstBg 按钮背景颜色/渐变起始色 String 任意颜色色值
secondBg 按钮渐变结束色 String 任意颜色色值

# logoUrl空占位图key值对照表

为便于统一管理占位图资源，便于维护，logoUrl同样支持填写占位图的类型key。

点击图片可查看图片链接

key值 多点占位图 其他商家占位图 tipText
footmark 还没有留下任何足迹
bench 快来抢个板凳吧！
bankCard 您还没有添加储蓄卡！
address 您还没有收货地址哦！
seekFailed 获取定位失败！
invoice 您暂时没有已申请的发票
shoppingCart 辛苦忙碌一天，还是买买买最开心～
vipCard 您还没有任何商家会员卡！
productUpdate 别急，正在帮您更新产品功能哟...
record 未查询到相关记录哦！虽然没有订单，生活依然美好～
noGoods 咦～没有找到相关商品
noComment 暂时木有此类评论哦～
collectGoods 把感兴趣的商品都收进来吧
afterSalesRecord 您还没有售后记录
upgrade 咦～门店正在升级维护
noLogin 您还没有登录，请登录哦～
networkErrorImage 网络信号已被外星人干扰
noMessage 您没有相关消息
updateFunction 别急，正在帮您更新产品功能哟...
coupon 您暂时没有优惠券
  • iOS
  • Android
  • Web
  • MP
v1.0.0