<template>
    <div class="empty-data-page">
        <img class="hint-img" :src="bgUrl" alt="">
        <p class="hint-text">暂无数据</p>
    </div>
</template>

<script>
    import bg from '@/assets/common/blankpage_nodata.png'
    export default {
        name: "empty-data-page",
        props:{
            bgUrl:{  // 背景图
                default: bg,
                type: String
            },
        },
        methods:{
        }
    }
</script>

<style lang="scss" scoped>
    .empty-data-page{
        .hint-img{
            width: 300px;
            display: block;
            margin: 100px auto 30px;
        }
        .hint-text{
            color: #999999;
            font-size: 30px;
            text-align: center;
        }
    }
</style>