1
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
# PC 端世界生成与草稿页布局优化说明 2026-04-24
|
||||
|
||||
## 目标
|
||||
|
||||
在移动端现有布局不变的前提下,只优化 PC 端世界生成页与世界草稿页的信息组织,让页面更紧凑、更有层次,并保留全部已有功能入口。
|
||||
|
||||
## 范围
|
||||
|
||||
- 世界生成页:`src/components/CustomWorldGenerationView.tsx`
|
||||
- 世界草稿页 / 作品页:`src/components/custom-world-home/CustomWorldCreationHub.tsx`
|
||||
- 新建作品入口:`src/components/custom-world-home/CustomWorldCreationStartCard.tsx`
|
||||
- 作品卡片:`src/components/custom-world-home/CustomWorldWorkCard.tsx`
|
||||
- 筛选标签:`src/components/custom-world-home/CustomWorldWorkTabs.tsx`
|
||||
|
||||
## PC 端落地规则
|
||||
|
||||
1. 移动端默认类名保持原布局语义,只通过 `lg:` / `xl:` 断点追加 PC 布局。
|
||||
2. 世界生成页在 PC 端改为左右双栏:左侧突出进度与阶段,右侧承载玩家设定 / 结构化锚点,减少纵向滚动。
|
||||
3. 世界草稿页在 PC 端将“新建作品”和“作品列表”分区强化:顶部入口更紧凑,作品卡片网格密度提升。
|
||||
4. 不新增规则说明文案,不改变按钮、筛选、删除、体验、进入等功能行为。
|
||||
5. 中文文本只做必要保留,不因为布局调整改写已有中文内容。
|
||||
|
||||
## 视觉策略
|
||||
|
||||
- PC 端使用更明确的 `xl:grid`、固定信息侧栏和更小间距,让主内容首屏承载更多信息。
|
||||
- 卡片在 PC 端降低无效高度,操作按钮与状态信息尽量同行展示。
|
||||
- 保留现有 `platform-*` 视觉体系,避免引入新的 UI 系统。
|
||||
@@ -0,0 +1,17 @@
|
||||
# PC 世界档案草稿编辑页布局修正 2026-04-24
|
||||
|
||||
## 背景
|
||||
|
||||
用户反馈 PC 端世界草稿页没有明显变化。复核截图后确认实际页面是世界档案草稿编辑页中的实体目录,而不是创作首页作品列表。
|
||||
|
||||
## 本次修正范围
|
||||
|
||||
- `src/components/CustomWorldEntityCatalog.tsx`
|
||||
|
||||
## 落地要求
|
||||
|
||||
1. 移动端仍保持原来的单列滚动、顶部标签与搜索结构。
|
||||
2. PC 端把超宽单列实体列表改成卡片网格,减少横向空白,提高信息密度。
|
||||
3. PC 端顶部世界标题、标签、搜索和操作按钮更紧凑,避免首屏被空白标题区占用。
|
||||
4. 功能不变:搜索、切换标签、新增、批量删除、选择、编辑、发布入口均保持原有行为。
|
||||
5. 不新增说明类文案,不改写已有中文内容。
|
||||
@@ -0,0 +1,30 @@
|
||||
# 世界草稿发布面板与测试入口设计 2026-04-24
|
||||
|
||||
## 目标
|
||||
|
||||
世界草稿页底部不再只有“发布并进入世界”一个动作,而是拆成两个明确入口:
|
||||
|
||||
1. 作品测试:跳过发布阻断项检查,直接进入当前草稿游戏体验。
|
||||
2. 发布:打开发布面板,在面板内集中处理发布阻断项与封面设置,满足条件后发布到广场。
|
||||
|
||||
## 页面范围
|
||||
|
||||
- `src/components/rpg-creation-result/RpgCreationResultActionBar.tsx`
|
||||
- `src/components/rpg-creation-result/RpgCreationResultViewImpl.tsx`
|
||||
- `src/components/CustomWorldEntityCatalog.tsx`
|
||||
- `src/components/rpg-entry/useRpgCreationEnterWorld.ts`
|
||||
- `src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`
|
||||
|
||||
## 交互规则
|
||||
|
||||
1. 世界草稿页右下角显示“作品测试”和“发布”两个按钮。
|
||||
2. “作品测试”只同步当前草稿结果并进入游戏,不触发发布阻断项检查,也不执行发布动作。
|
||||
3. “发布”打开独立发布面板,不在当前页面下方展开内容。
|
||||
4. 发布面板显示当前阻断项;没有阻断项时允许执行发布。
|
||||
5. 发布面板显示封面预览与封面状态,并提供“设置封面”入口。
|
||||
6. 封面生成、封面上传与封面预览从世界档案页迁移到发布面板;世界档案页不再展示作品封面模块。
|
||||
7. 移动端仍使用底部弹层式面板,PC 端使用居中 modal。
|
||||
|
||||
## 发布后行为
|
||||
|
||||
发布成功后刷新本地结果档案,并进入正式世界;作品由既有 `publish_world` 流程同步到作品库 / 广场。
|
||||
Reference in New Issue
Block a user