<template>
    <section class="model-empty" style="padding:30px;text-align:center;">
        <figure :class="`model-empty-figure ${type}`"></figure>
        <h2 style="font-size:14px;color:#999;font-weight:400;">{{title}}</h2>
        <slot></slot>
    </section>
</template>
<script>
export default {
    props:{
        type:{
            type:String
        },
        title:{
            type:String,
            default:'还没有任何数据'
        }
    }
}
</script>
<style scoped>
.model-empty-figure{
    height:100px;
    background-repeat: no-repeat;
    background-position:center top;
    background-size:auto 100%;
    background-image: url('/static/img/nodata.png');
}
.model-empty-figure.call{
    background-image:url('/static/img/no-call.png');
}
</style>
