Skip to content

feat: 实现公开宣传页与路由 Shell 拆分(Refs #210) #211

Description

@huyanxius

背景

Proposal #210 已确定将公开宣传页与登录工作台拆成两个稳定的产品表面:

  • / 永远是公开宣传页
  • /workspace 是受保护的工作台首页
  • 宣传页与产品页面使用独立的 Header、Layout 与导航语义

本 Issue 只实现第一阶段:公开宣传页、路由迁移与 Shell 拆分。工作台四入口及右侧上下文面板由后续子 Issue 单独实现。

目标

  • / 提供完整、无需登录即可访问的产品宣传页。
  • 将现有工作台首页迁移到 /workspace 并纳入登录守卫。
  • 拆分公开宣传页与产品页面的 Header / Shell。
  • 保持现有业务深链接、登录回跳和会话恢复行为不变。

路由与登录行为

场景 预期行为
访客访问 / 直接展示宣传页
登录用户访问 / 仍展示宣传页
访客访问 /workspace 打开登录面板,登录后回到 /workspace
登录用户访问 /workspace 展示迁移后的现有工作台首页
访客点击“开始创作” 登录后进入 /quick-start
登录用户点击“开始创作” 直接进入 /quick-start
登录用户点击“进入工作台” 进入 /workspace
用户退出登录 返回 /

现有 /projects/quick-start/workflow-editor/:runId/playtest/:characterId/:outfitId/account 地址不变。

宣传页结构

顶栏

采用浅色横向导航:

  • 左侧:Windup Logo、Windup、2D 角色资产工作台
  • 右侧:产品能力、制作流程、资产工作台
  • 访客操作:登录、开始创作
  • 登录用户操作:进入工作台

前三项为本页章节锚点。宣传页不复用现有产品 Header。

Hero

沿用已确认内容:

  • 面向 COCOS CREATOR 与微信小游戏创作者
  • 让你的角色,真正登场。
  • 团队可以很小,角色不必因此停在设定里。Windup 把你认定的角色,延展成跨动作保持一致、可以检查与修正、能进入游戏项目的 2D 动作资产。

操作:

  • 主按钮:开始创作
  • 次按钮:了解制作流程

视觉采用浅色灰绿主题。复用点阵小鸟作为左侧文案背景,保留 reduced-motion 降级。Hero 右侧留白,不放角色、造型或动作资产。

下方内容

  1. “交付的是资产,而不是图片”的核心主张
  2. 角色输入 → 母版 → 动作生成 → 审核 → Playtest / 导出的制作流程
  3. Quick Start 与 Workflow Editor 两种创作入口
  4. Project → Character → Outfit → Action 的资产管理关系
  5. 收尾 CTA 与简洁 Footer

产品视觉只使用真实运行截图,不制作虚假界面、客户评价、价格、采用数据或合作品牌。

页面边界

  • 宣传页使用独立的 Marketing Header 与 Layout。
  • 产品 Header 的 Logo 与“首页”统一指向 /workspace
  • 登录面板继续由现有查询参数驱动,不新增独立登录页。
  • 登录态只改变按钮目标,不改变 / 渲染的页面。
  • 点阵小鸟可以抽为共享品牌视觉能力,但宣传页自行控制尺寸、位置和透明度。
  • 不修改受保护业务页面的数据获取与业务状态。

状态与响应式要求

  • 会话恢复期间宣传页主体可正常展示,账号操作不得错误闪现为已登录或未登录状态。
  • 登录面板、会话过期提醒和安全回跳继续生效。
  • 桌面 Hero 必须在首屏内看到标题、说明和两个按钮。
  • 移动端导航、Hero、流程与 CTA 使用明确的单列布局。
  • 所有导航和按钮支持键盘焦点。
  • 点阵动画尊重 prefers-reduced-motion
  • 文本与按钮达到 WCAG AA 对比度。

验收标准

  • / 对访客与登录用户始终展示同一宣传页。
  • /workspace 只在会话恢复完成且用户已登录时展示。
  • 宣传页与产品页面不再共用 Header。
  • 宣传页包含确认后的 Hero、完整下方内容与双 CTA。
  • Hero 右侧为空,不出现角色资产。
  • “开始创作”“了解制作流程”“登录”“进入工作台”行为符合本 Issue 定义。
  • 产品 Header 的 Logo 与首页入口指向 /workspace
  • 所有现有业务深链接保持可用。
  • 登录后回跳、会话过期和退出登录行为没有回归。
  • 不引入后端修改或演示数据。
  • 补齐路由、登录态、Header、CTA 与主要内容测试。
  • 完成桌面和移动端真实浏览器验收并提供截图。
  • format:checklinttypechecktestbuild 全部通过。

明确排除

  • 工作台四入口与右侧“继续创作”面板
  • Quick Start、Workflow Editor、资产库和 Playtest 内部重设计
  • 后端 API、数据结构或认证协议修改
  • 价格、客户案例、合作品牌与虚构指标
  • Hero 右侧角色资产
  • 深色主题和主题切换

关联

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions