<!--
 * @Description: 无数据
 * @Author: hanyu
 * @Date: 2020-07-21 10:14:59
 * @LastEditTime: 2022/12/01
 * @LastEditors: Please set LastEditors
-->
<template>
  <view class="">
    <view class="no-data">
      <image src="@/static/images/common/no-data.png" />
      <text class="txt">{{ desc }}</text>
    </view>
  </view>
</template>

<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    desc?: string
  }>(),
  {
    desc: '暂无数据'
  }
)
</script>
<style lang="scss" scoped>
.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 300rpx;
  flex-direction: column;

  .txt {
    margin-top: 28rpx;
    font-size: 28rpx;
    color: #898989;
  }
  image {
    width: 300rpx;
    height: 260rpx;
  }
}
</style>
