<template>
    <div class="empty-status">
        <img class="empty-status-img" src="~imgPath/distribute/emptypage_icon.png" alt="">
        <p class="empty-status-text">{{emptyStatusText}}</p>
    </div>
</template>

<script>
export default {
    props: {
        emptyStatusText: {
            default: '没有此类客户'
        }
    }
};
</script>

<style scoped lang="scss">
    .empty-status{
        width: 4.82rem;
        height: 4.62rem;
        position: relative;
        .empty-status-img{
            display: block;
            width: 4.82rem;
            height: 4.62rem;
        }
        .empty-status-text{
            position: absolute;
            left: 0;
            bottom: 0.48rem;
            width: 100%;
            text-align: center;
            font-size:0.28rem;
            line-height:0.4rem;
            color: #9E9E9E;
        }
    }
</style>