1.5 KiB
1.5 KiB
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 端落地规则
- 移动端默认类名保持原布局语义，只通过
lg:/xl:断点追加 PC 布局。 - 世界生成页在 PC 端改为左右双栏：左侧突出进度与阶段，右侧承载玩家设定 / 结构化锚点，减少纵向滚动。
- 世界草稿页在 PC 端将“新建作品”和“作品列表”分区强化：顶部入口更紧凑，作品卡片网格密度提升。
- 不新增规则说明文案，不改变按钮、筛选、删除、体验、进入等功能行为。
- 中文文本只做必要保留，不因为布局调整改写已有中文内容。
视觉策略
- PC 端使用更明确的
xl:grid、固定信息侧栏和更小间距，让主内容首屏承载更多信息。 - 卡片在 PC 端降低无效高度，操作按钮与状态信息尽量同行展示。
- 保留现有
platform-*视觉体系，避免引入新的 UI 系统。