<template>
  <view class="empty">
    <u--image :showLoading="true" src="/static/svg/empty.svg" width="750rpx" height="500rpx"></u--image>
    <view class="empty-text">{{ message }}</view>
  </view>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      default: '暂无数据'
    },
  },
}
</script>

<style lang="scss" scoped>
.empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  .empty-text{
    font-size: 30rpx;
    color: $uni-text-color-placeholder;
    position: absolute;
    top: 400rpx;
  }
}
</style>
