<template>
    <view class="empty-page">
       <view class="waraper">
           <image :src="image" />
           <view>
               {{description}}
           </view>
       </view>
    </view>
</template>

<script>
export default {
    name: 'EmptyPage',
    props: {
        description: {
            type: String,
            default: '暂无评论'
        },
        image: {
            type: String,
            default: () => require('static/common/empty.png')
        }
    }
}
</script>

<style lang="less" scoped>
.empty-page {
    .waraper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        image {
            width: 286rpx;
            height: 206rpx;
        }
        view {
            font-size: 28rpx;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #666666;
            line-height: 40rpx;
            margin-top: 32rpx;
        }
    }
}

</style>