<!-- 
 * @name    空数据组件
 * @authors pen (you@example.org)
 * @date    2022-06-08 
 * @version 1.0.0
 *
 -->
<template>
  <div class="table_empty">
    <div class="empty_img"></div>
    <span class="table_empty_text">暂无数据</span>
  </div>
</template>
<script>
export default {
  name: "table-empty-view",
  data() {
    return {
      // tableEmptySrc: emptyImg
    };
  },
};
</script>
<style lang="less" scoped>
.table_empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .empty_img {
    width: 200px;
    height: 150px;
    background: url("../../img/vxe_table_empty.svg") center center no-repeat;
  }
  .table_empty_text {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    line-height: 20px;
  }
}
</style>
