new/loading.tsx

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
← 返回目录