Empty 内容为空组件

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

温馨提示

本项目参考了 uView-Plus 开源项目的组件开发方式，基于 Vue 3 和 TypeScript 实现了自定义组件。目前该组件仍处于测试阶段。
感谢 uView-Plus 开源项目及其团队成员的贡献，他们的组件开发思路为本项目提供了宝贵地参考。如果需要了解更多组件开发细节，可以参考uView-Plus的 empty组件 的代码实现。

平台差异说明

APP(vue)	H5	微信小程序	支付宝小程序
✔	✔	✔	✔

基本使用示例

<!-- 全局使用 -->
<hy-empty></hy-empty>
<!-- 单个组件引入 -->
<HyEmpty></HyEmpty>

import { HyEmpty } from "hy-app"

显示、配置按钮

• btnText 显示按钮文本
• btnSize 按钮大小
• btnShape 按钮形状
• btnPlain 按钮是否镂空
• navigateUrl 跳转页面

<template>
    <hy-empty btnText="去购物" btnSize="mini" btnShape="circle" btnPlain navigateUrl="/pages/abc/Index"></hy-empty>
</template>

配置提示文字

• desSize 提示文本大小
• desColor 提示文本颜色

<template>
    <hy-empty desColor="red" desSize="10px"></hy-empty>
</template>

插槽

<template>
    <hy-empty>
        <template #description>
            自定义内容
        </template>
    </hy-empty>
</template>

API

参数	说明	类型	默认值
show	是否显示组件	boolean	true
mode	缺省页内容	content|search|address|network|order|coupon|favor|history|message|comment|integral	content
imageUrl	空状态icon图片	string	-
zIndex	组件层级	number	889
width	图片宽度	string|number	240px
height	图片高度	string|number	240px
description	提示信息	string	暂无数据
desSize	提示信息大小	string|number	15
desColor	提示信息颜色	string	-
imgMargin	icon图片margin	string	-
button	按钮属性集合，text有值时候显示，详见按钮Api	HyButtonProps	-
navigateUrl	跳转地址	string	-
customStyle	自定义输入框外部样式	CSSProperties	-
customClass	自定义外部类名	string	-

Events

事件名	说明	回调参数
click	-	-

Slots

插槽名	说明	接收值
default	-	-
description	-	-

15:09