31 lines
1.5 KiB
Vue
31 lines
1.5 KiB
Vue
|
<script setup>
|
|||
|
|
import { Icon } from '@iconify/vue'
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div class="flex-1 flex flex-col items-center justify-center p-8 text-center">
|
|||
|
|
<div class="relative w-24 h-24 mb-6">
|
|||
|
|
<div class="absolute inset-0 rounded-full border-2 border-primary/20 animate-pulse"></div>
|
|||
|
|
<div class="absolute inset-1 rounded-full border-2 border-primary/15 animate-pulse" style="animation-delay: 0.5s"></div>
|
|||
|
|
<div class="absolute inset-2 rounded-full border-2 border-primary/10 animate-pulse" style="animation-delay: 1s"></div>
|
|||
|
|
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-gradient-to-br from-primary to-violet-500 flex items-center justify-center shadow-lg shadow-primary/30">
|
|||
|
|
<Icon icon="lucide:bot" class="text-white text-xl" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="text-lg font-semibold text-foreground mb-2">准备好为你生成内容</h3>
|
|||
|
|
<p class="text-sm text-muted-foreground mb-6 max-w-[280px]">
|
|||
|
|
在下方输入框描述你的需求，AI 将立即开始创作
|
|||
|
|
</p>
|
|||
|
|
<div class="flex flex-col gap-3">
|
|||
|
|
<div class="flex items-center gap-2 text-sm text-muted-foreground">
|
|||
|
|
<Icon icon="lucide:zap" class="text-primary" />
|
|||
|
|
<span>深度模式支持复杂任务</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-2 text-sm text-muted-foreground">
|
|||
|
|
<Icon icon="lucide:pencil" class="text-primary" />
|
|||
|
|
<span>可随时重新生成调整</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|