<template>
  <view class="me-empty flex-direction-column" :style="{marginTop}">
    <view class="image"></view>
    <view class="empty-text">{{text}}</view>
  </view>
</template>

<script setup>
const props = defineProps({
  text: {
    type: String,
    required: false,
    default: '暂无任何数据',
  },
  marginTop: {
    type: String,
    required: false,
    default: '176rpx',
  }
});
</script>

<style lang="scss" scoped>
.me-empty {
  .image {
    width: 400rpx;
    height: 400rpx;
    background: var(--emptyData)
  }

  .empty-text {
    width: 400rpx;
    height: 72rpx;
    font-size: 28rpx;
    color: var(--contentColor30);
    line-height: 72rpx;
    text-align: center;
  }
}
</style>