<template>
  <div class="nodata_wrapper" style="">
    <div style="height: 100px"></div>
    <img src="@/assets/common/nodata.png" alt />
    <p>{{ text }}</p>
  </div>
</template>

<script>
export default {
  props: ["text"],
};
</script>

<style lang="stylus" scoped>
.nodata_wrapper {
  margin: 0 auto;
  text-align: center;

  img {
    width: 300px;
    height: 300px;
  }

  p {
    margin-top: 80px;
    font-size: 24px;
    color: #666666;
  }
}
</style>
