uniAppXCX/component/noData.vue

<template>
  <view class="nodata">
    <image class="img" :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/noData.png'" mode="widthFix"></image>
    <view class="text">啊哦，没有任何内容</view>
  </view>
</template>

<script></script>

<style scoped lang="scss">
.nodata {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  .img {
    width: 80vw;
    margin: 0 auto;
  }
  .text {
    color: #999999;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: 75%;
    width: 100%;
  }
}
</style>