new/loading.tsx
基本信息
- 类型: Next.js 加载状态组件
- 路径:
./src/app/prompts/new/loading.tsx
功能描述
新建Prompt页面的加载占位符,展示完整的表单骨架结构。包含以下区域的骨架:
- 页面标题和私有开关
- 元数据区域(标题、分类、描述、标签、贡献者)
- 输入区域(类型选择器、变量工具栏、内容编辑器)
- LLM处理箭头指示器
- 输出区域(输出类型、媒体URL)
- 提交按钮
- AI助手面板(桌面端右侧固定)
路由
- 路径:
/prompts/new(加载状态)
组件类型
- Server Component
依赖
@/components/ui/skeleton
布局说明
- 主表单区域在左侧,最大宽度为
max-w-3xl - AI助手面板在桌面端固定显示在右侧,宽度为400px