UI 与交互　·　更新：2026-10-15

项目工作台　·　文档目录　·　历史版本　·　文档修订记录　·　对比修订　·　交互原型

Oranzy V33 · 移动端体验规范与验收

状态：候选设计规范，待 iPhone 真机验收。

页面与交互

• 使用动态视口高度，兼容移动浏览器地址栏伸缩；底部导航与操作栏考虑 safe-area-inset-bottom。
• 输入框聚焦时保持在可视区域；软键盘出现时减少底部导航遮挡，输入字号不小于 16px。
• 弹层最大高度不超过视口约 78%，内容过长时允许内部滚动；图片预览不溢出屏幕。
• 详情返回列表时尽量恢复此前滚动位置，保留搜索条件和筛选状态。
• 主要按钮建议最小高度 40–44px，图标与文字基线一致，长列表末尾可完整滚动到达。
• 小屏宽度下活动卡片、圈子卡片、搜索结果及三张圈子入口不得横向溢出。

验收矩阵

375px、390px、430px 视口；发现、圈子、发布、消息、我的主页面及搜索、城市、活动详情、圈子详情、聊天、编辑资料等子页面。逐项测试键盘、底栏、弹窗、输入、滚动、返回、图片选择及权限受限状态。

实现限制

当前为原型端的 CSS 与 DOM 适配，不能替代 Flutter 真机适配。V28–V33 多层增强结构仍需整合，不能视为正式开发架构。