Increase VectorEngine timeouts and add image UI
Add VectorEngine image generation config and raise request timeouts (env + scripts) from 180000 to 1000000ms. Introduce a reusable CreativeImageInputPanel component with tests and wire up mobile keyboard-focus helpers; update generation views and related tests (CustomWorldGenerationView, BarkBattle editor, Match3D, Puzzle flows). Improve API error handling / VectorEngine request guidance (packages/shared http.ts and docs), and apply multiple backend/frontend fixes for puzzle/match3d/prompt handling. Also include extensive docs and decision-log updates describing UI/UX decisions and verification steps.
This commit is contained in:
@@ -143,13 +143,13 @@
|
||||
5. 标签
|
||||
|
||||
## 6.3 草稿页作品卡对齐分类列表
|
||||
- 草稿 Tab 的作品架要优先对齐发现页分类列表的横向卡片:左侧承载标题/状态/类型/摘要,右侧显示带透明度的方形封面图。
|
||||
- 草稿卡不能为了视觉对齐丢掉原有信息:删除、分享、已发布统计、拼图积分激励、未读红点都要保留;其中删除和分享属于低频动作,常态不显示按钮,向左划动列表项后露出操作。
|
||||
- 草稿 Tab 的作品架要优先对齐发现页分类列表的横向卡片:内容层承载标题/状态/类型/摘要,封面作为右半区半透明背景层。
|
||||
- 草稿卡不能为了视觉对齐丢掉原有信息:删除、分享、已发布统计、拼图积分激励、未读红点都要保留;其中删除属于低频动作,常态不显示按钮,长按列表项后进入独立动作面板;已发布作品右上角可以常驻分享图标。
|
||||
- 卡片右侧不再常驻“继续创作”“查看详情”“查看进度”等动作按钮,打开作品由整张卡片承担。
|
||||
- 移动端保持单列列表;网页端使用多列卡片式网格,避免在宽屏上把作品卡拉成一整行长条。
|
||||
- 生成中的状态使用整卡蒙版、旋转等待符号和“生成中...”标识;蒙版只能作为状态层,不能替换或移除卡片本身的信息。
|
||||
- 草稿卡复用分类页基础类名时,要用 `.creation-work-card.platform-category-game-item` 覆盖分类页移动端三列规则;否则正文会被当作封面列压缩,中文标题会断成一两个字一行。
|
||||
- 右侧封面不要只依赖 `img` fallback,容器层也要有玩法参考图 CSS 背景兜底,私有资源换签失败或图片 onerror 时仍能看到封面视觉。
|
||||
- 右侧封面不要只依赖 `img` fallback,容器层也要有玩法参考图 CSS 背景兜底,私有资源换签失败或图片 onerror 时仍能看到封面视觉;封面层适合绝对定位铺到卡片右半区,作为半透明背景从右到左渐隐,不应出现独立方形边界或参与内容排版。
|
||||
|
||||
## 7. 样式与动画经验
|
||||
|
||||
@@ -235,3 +235,12 @@
|
||||
- 主站移动端以固定游戏画布体验为准,入口 `viewport` 需要锁定 `minimum-scale=1.0`、`maximum-scale=1.0` 和 `user-scalable=no`,同时保留 `viewport-fit=cover` 适配安全区。
|
||||
- 浏览器仍可能通过 iOS `gesture*` 或多指 `touchmove` 触发整页缩放,因此主站启动入口应统一调用 `lockMobileViewportZoom()` 拦截页面级捏合与快速双击缩放。
|
||||
- 不要在每个画布组件里重复注册缩放拦截;单指滚动、点击、拖拽应继续留给具体页面和玩法处理。
|
||||
|
||||
### 10.4 移动端输入法不要压缩画布
|
||||
- 平台主站点击输入框弹出输入法时,不能让 `100dvh` 跟随键盘缩小后重新压缩整页布局。
|
||||
- 正确做法是在输入法未打开时记录稳定布局高度,输入法打开期间保持画布高度不变,只根据当前输入框位置计算画面上移量。
|
||||
- 该行为应在主站入口统一注册,业务组件只保留普通 `input` / `textarea`,不要在每个输入框里重复写键盘适配逻辑。
|
||||
|
||||
### 10.5 移动端创作生成页不要暴露批次视角
|
||||
- 拼图、抓大鹅这类轻量玩法的草稿生成页只保留“预计等待”和“计时”两个用户关心的状态,移动端放在同一行;不要默认展示“当前批次”这类模型执行视角。
|
||||
- 生成步骤在移动端进入页面时按顺序从左侧滑入,强化“正在推进”的节奏;动画只绑定步骤卡,不影响桌面端密集布局和其它信息卡。
|
||||
|
||||
Reference in New Issue
Block a user