<template>
  <view class="list-null" v-if="isShow">
    <view class="null-img">
      <image src="/static/img/nomore.svg" mode=""></image>
    </view>
    <text>{{ text }}</text>
  </view>
</template>

<script setup>
import { ref, watchEffect } from "vue"
const props = defineProps({
  isShow: { type: Boolean, default: false },
  // text: { type: String, default: '暂无更多数据' },
  list: { type: Number, default: 0 },
})

let text = ref("")
watchEffect(() => {
  props.list === 0 ? (text.value = "暂无数据") : (text.value = "暂无更多数据")
})
</script>

<style lang="scss">
.list-null {
  height: 200rpx;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 23rpx;
  letter-spacing: 0.05em;
  text-align: left;
  color: #9ea5b3;
  .null-img {
    margin-top: 30rpx;
    height: 80rpx;
    width: 124rpx;
    //background-color: #2979FF;
    image {
      height: 100%;
      width: 100%;
    }
  }
}
</style>
