empty props

属性	描述	类型	默认值
image	图片地址	string	-
imageStyle	图片样式	object	-
description	描述	string	-

empty slot

名称	描述
image	图片区域的替换
description	文案区域的替换
bottom	底部区域的替换

例子代码

基础icon

<template>
  <div>
    <div class="items">
      <p class="item_title">数据为空</p>
      <vill-empty description="暂无数据" />
    </div>
    <div class="items">
      <p class="item_title">定制图片的样式</p>
      <vill-empty :image="url" :imageStyle="imageStyle" description="没有找到数据哦" />
    </div>
    <div class="items">
      <p class="item_title">底部自定义</p>
      <vill-empty :image="url" :imageStyle="imageStyle" description="没有找到数据哦" >
        <template #bottom>
          <span class="text">我是自定义的内容</span>
        </template>
      </vill-empty>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      url: require('../public/assets/imgs/logo.png'),
      imageStyle: {
        width: '200px',
        height: '100px',
        borderRadius: '5px'
      }
    }
  }
}
</script>