ai_uniapp_v2/components/ai-empty/ai-empty.vue

<template>
  <view class="ai-empty">
    <text class="ai-empty__title">{{ title }}</text>
    <text v-if="desc" class="ai-empty__desc">{{ desc }}</text>
    <slot />
  </view>
</template>

<script setup>
/**
 * 通用空状态组件（easycom 自动注册，模板中直接写 <ai-empty />）
 */
defineProps({
  title: { type: String, default: '暂无数据' },
  desc: { type: String, default: '' }
})
</script>

<style lang="scss" scoped>
.ai-empty {
  padding: 160rpx 40rpx 0;
  display: flex;
  flex-direction: column;
  align-items: center;

  &__title {
    font-size: 32rpx;
    font-weight: 700;
  }
  &__desc {
    margin-top: 12rpx;
    font-size: 26rpx;
    color: $ai-muted;
  }
}
</style>