hare-ui

Appearance

Return to top
On this page

Empty 空状态

基本使用

空状态

do not have data here

基本使用
<template>
  <h-empty></h-empty>
</template>

<script lang="ts" setup>
</script>

<style scoped lang="scss">
</style>

更换图片

空状态

do not have data here

更换图片
<template>
  <h-empty image="https://tse1-mm.cn.bing.net/th/id/OIP-C.db2nANl3ppPFEzhJi_m_7AAAAA?pid=ImgDet&rs=1"></h-empty>
</template>

<script lang="ts" setup>
</script>

<style scoped lang="scss">
</style>

调整大小

空状态

do not have data here

调整大小
<template>
  <h-empty imageSize="100"></h-empty>
</template>

<script lang="ts" setup>
</script>

<style scoped lang="scss">
</style>

添加描述

空状态

一条新的描述

添加描述
<template>
  <h-empty description="一条新的描述"></h-empty>
</template>

<script lang="ts" setup>
</script>

<style scoped lang="scss">
</style>

组件 API

Attributes 属性

参数说明类型可选值默认值
imgage图片地址string-
imageSize图片宽度number-200
description文字描述string-do not have data here