<template>
    <div class="no-data">
        <div class="bg"></div>
        <div class="message">{{ nodata_message }}</div>
    </div>
</template>
<script lang="ts">
export default {
  name:'NoData',
  props: {
    nodata_message: {
      type: String,
      default: ''
    },
  },
}
</script>
<style lang="scss">
    /*
    没有数据的情况
    */
    .no-data{
        width: 100%;
        text-align: center;
        .bg{
            margin-top: 10%;
            height: 140px;
            background: url(https://img2.ydniu.com/app/images/yiqiu/no_data.png) no-repeat center center;
            background-size: 140px;
        }
        .message{
            text-align: center;
            font-size: 16px;
            color:#333;
        }
    }
</style>