<template>
  <div
    class="meta-nodata-wrap"
    :class="nodataHeight == 'auto' ? 'auto' : 'nodata-height'"
    :style="'height:' + nodataHeight"
  >
    <div>
      <svg-icon :icon-class="'暂无数据'"></svg-icon>
      <div class="text">暂无数据</div>
    </div>
  </div>
</template>
<script>
export default {
  name: "MetaNodata",
  data() {
    return {};
  },
  props: {
    nodataHeight: {
      type: String,
      default: () => {
        return "auto";
      },
    },
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped>
.auto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nodata-height {
  display:flex;
  justify-content: center;
  align-items: center;
}
.meta-nodata-wrap {
  text-align: center;
  box-sizing: border-box;
  svg {
    width: 40vw;
    height: auto;
  }
  .text {
    font-size: 5vw;
    text-align: center;
    color: #999;
    padding-top: 1vh;
  }
}
</style>