<template>
  <view class="empty flex-1 flex-center">
    <image
      v-if="type === 'normal'"
      :src="`/static/images/${image}.png`"
      mode="aspectFit"
      :style="{ width: size + 'rpx', height: size + 'rpx' }"
    />
    <text class="fs-28 text-secondary">
      {{ text }}
    </text>
  </view>
</template>

<script>
export default {
  name: 'GNoData',
  props: {
    text: {
      type: String,
      default: '抱歉，暂无数据～'
    },
    size: {
      type: Number,
      default: 352
    },
    type: {
      type: String,
      default: 'normal'
    },
    image: {
      type: String,
      default: 'no-data'
    }
  },
  data() {
    return {};
  }
};
</script>
<style lang="scss" scoped></style>
