<template>
    <div class="empty">
        <img v-if="icon&&icon.length>0" :src="icon">
        <div :style="{marginTop:(icon&&icon.length)>0?'20px':'0px'}" >{{msg}}</div>
    </div>
</template>
<script>
export default {
    props:{
        msg:{
            type:String,
            default:'暂时没有内容哦~'
        },
        icon:{
            type:String,
            default:require('@/assets/images/empty.png')
        }
    }
}
</script>
<style scoped>
    .empty {padding:30px 20px;box-sizing: border-box;text-align: center;color: #555;}
</style>