<template>
  <view class="null-box">
    <!-- <u-image
      class="null-img"
      mode="widthFix"
      width="100%"
      src="@/static/img/betone-sp-component/null.svg"
    ></u-image>
    <view class="null-text">{{ nullText }}</view> -->
    <u-empty :text="nullText" mode="list"></u-empty>
  </view>
</template>
<script>
export default {
  name: "spNoData",
  props: {
    text: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      nullText: "",
    };
  },
  mounted() {
    this.nullText = this.text || '暂无数据';
  },
};
</script>
<style lang="scss" scoped>
.null-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  .null-img {
    width: 100%;
  }
  .null-text {
    padding-top: 24rpx;
    font-size: 32rpx;
    font-family: PingFangSC-Medium, pingfang;
    font-weight: 500;
    color: #333333;
    line-height: 44rpx;
  }
}
</style>