<template>
  <div class="no-results"
       :class="{'no-results__absCenter':absCenter}">
    <div class="no-results__img"></div>
    <div class="no-results__text">{{text}}</div>
  </div>
</template>

<script>
export default {
  name: 'NoResults',
  props: {
    text: {
      type: String,
      default: '暂无数据'
    },
    // 绝对居中
    absCenter: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {};
  }
};
</script>
