<template>
    <view class="cm-empty">
        <image :src="imageUrl" :style="{ width: width, height: height }"></image> <slot></slot>
    </view>
</template>

<script>
export default {
    props: {
        imageUrl: {
            type: String,
            default: ''
        },
        width: {
            type: String,
            default: '200rpx'
        },
        height: {
            type: String,
            default: '200rpx'
        }
    }
}
</script>

<style lang="scss" scoped>
.cm-empty {
    @extend .cm-flex-center;
    flex-direction: column;
    padding: 80rpx 0;
}
</style>
