<template>
  <div class="empty-tips" v-if="visible">
    <div class="tips">
      <span class="iconfont iconempty"></span>
      <div class="tips">{{innerText ? innerText :'暂无记录'}}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['visible', 'innerText'],
  data() {
    return {
      key: 'value'
    }
  }
}
</script>

<style lang="scss" scoped>
.empty-tips {
  box-sizing: border-box;
  position: fixed;
  text-align: center;
  color: #888;
  font-size: 32px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  top: 30%;

  .iconfont {
    font-size: 160px;
  }

  .tips {
    position: relative;
    padding: 12px;
  }
}
</style>