uniIM/components/NoData.vue

<template>
  <view class="no-data">
    <view class="no-data-img">
      <text class="cuIcon cuIcon-info"></text>
    </view>
    <view class="no-data-text">暂无数据</view>
  </view>
</template>
<script setup lang="ts">

</script>
<style scoped>
  .no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
  }

  .no-data-img {
    width: 200rpx;
    height: 200rpx;
  }

  .cuIcon-info{
    font-size: 200rpx;
    color: #999999;
  }

  .no-data-text {
    font-size: 30rpx;
    color: #999999;
    line-height: 90rpx;
  }
</style>