<template>
    <view class="ut-empty d-flex flex-cln j-c a-c" :style="{ padding }">
        <view class="ut-empty__icon">
            <image :style="{ width, height }" :src="image" mode="aspectFit"></image>
        </view>
        <view class="ut-empty__text" style="margin-top: -50rpx" :style="{ color, fontSize: size }">
            <slot>
                {{ text }}
            </slot>
        </view>
    </view>
</template>
<script setup>
const props = defineProps({
    text: {
        type: String,
        default: '暂无数据',
    },
    width: {
        type: String,
        default: '300rpx',
    },
    height: {
        type: String,
        default: '300rpx',
    },
    image: {
        type: String,
        default: 'https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/noEmpty.png',
    },
    color: {
        type: String,
        default: '#ccc',
    },
    size: {
        type: String,
        default: '24rpx',
    },
    padding: {
        type: String,
        default: '30rpx',
    },
});
</script>
