GenarrativeAI/Genarrative
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init with react+axum+spacetimedb
Some checks failed
CI / verify (push) Has been cancelled
Details

Browse Source
This commit is contained in:
kdletters
2026-04-26 18:06:23 +08:00
commit cbc27bad4a
20199 changed files with 883714 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
docs/experience/PC_WORLD_CREATION_LAYOUT_OPTIMIZATION_2026-04-24.md Normal file
View File

@@ -0,0 +1,31 @@
# 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 端降低无效高度，操作按钮与状态信息尽量同行展示。
- 作品卡片底部统计标签必须保留在卡片圆角范围内，不能为了压缩高度让标签贴边或被 `overflow-hidden` 裁掉。
- 卡片正文摘要优先缩短行数来给底部标签留空间；当标题、摘要或标签变长时，允许卡片自然增高。
- RPG 作品卡片点击行为按作品状态分流：草稿统一继续创作，已发布作品进入详情或世界；不要只依赖 `sourceType` 判断草稿可打开性。
- 整张作品卡片需要由卡片根节点承载点击与键盘打开能力，避免透明绝对定位按钮在真实浏览器中被判定不可见，导致自动化和用户点击不稳定。
- 保留现有 `platform-*` 视觉体系，避免引入新的 UI 系统。