<template>
  <view class="wl-empty" :style="baseStyle">
    <image class="empty_icon" src="./empty_icon.svg" mode="heightFix" lazy-load="false" />
    <view class="label">
      {{ props?.text || '暂无数据' }}
    </view>
    <!-- <up-empty
      :mode="props?.mode || 'favor'"
      :text="props?.text || '暂无数据'"
      :iconSize="props?.iconSize || 60"
      :textSize="props?.textSize || '20rpx'"
    /> -->
  </view>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'

const props = defineProps<{
  mode?: string
  text?: string // 可选，提示文字
  height?: string
  iconSize?: string | number
  textSize?: string | number
  baseStyle?: Record<string, any>
}>()

const baseStyle = {
  height: props.height || '40vh',
  ...props.baseStyle
}
</script>

<style scoped lang="scss">
.wl-empty {
  // display: flex;
  // align-items: center;
  // justify-content: center;
  padding-top: 15%;
  text-align: center;
  .empty_icon {
    height: 155rpx;
    margin-left: 27rpx;
  }
  .label {
    font-size: 25rpx;
    color: #999;
  }
}
</style>
