2026-03-26 20:18:20 +08:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { $t } from '@/locales';
|
|
|
|
|
|
|
|
|
|
defineOptions({ name: 'LookForward' });
|
2026-05-14 09:05:08 +08:00
|
|
|
|
|
|
|
|
interface Props {
|
|
|
|
|
title?: string;
|
|
|
|
|
subtitle?: string;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
defineProps<Props>();
|
2026-03-26 20:18:20 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div class="size-full min-h-520px flex-col-center gap-24px overflow-hidden">
|
|
|
|
|
<div class="flex text-400px text-primary">
|
|
|
|
|
<SvgIcon local-icon="expectation" />
|
|
|
|
|
</div>
|
|
|
|
|
<slot>
|
2026-05-14 09:05:08 +08:00
|
|
|
<h3 class="text-28px text-primary font-500">{{ title ?? $t('common.lookForward') }}</h3>
|
|
|
|
|
</slot>
|
|
|
|
|
<slot name="subtitle">
|
|
|
|
|
<p v-if="subtitle" class="text-14px text-base-text op-65">{{ subtitle }}</p>
|
2026-03-26 20:18:20 +08:00
|
|
|
</slot>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped></style>
|