13. 📱 移动端模式 Mobile Specific ★★☆☆☆ App 专属
🌏 Web 网页规范
- 实现技术: 移动端自适应布局 / 弹性布局多断点适配
- 触控适配: 去除 Hover 触发状态,全由触控点按取代
- 键盘冲突: 移动浏览器软键盘弹出挤压视口 (Visual Viewport)
- 应用封装: PWA 渐进式网页 / 混合套壳 Web 渲染
📱 App 移动端规范
- 实现技术: Swift / Kotlin 原生框架视图绝对安全布局
- 触控适配: 44dp 黄金拇指点击法则,手势加速度计算
- 键盘冲突: 原生键盘事件监听,视口绝对高度重算与抗遮挡
- 应用封装: 完全独立的原生二进制文件安装,原生渲染
手机端完全依赖手指触控。操作以拇指物理热区(至少 44x44pt)为核心。核心操作模式包括手势左右滑动、下滑刷新、下端弹出 Action Sheet,以及列表的 滑动删除手势 (Swipe to Delete)。
LIVE PLAYGROUND: 侧滑手势删除列表项交互仿真
鼠标按住列表项并向左侧拉动,拉出红色删除按钮测试
删除
收件箱: 任务已提交验证
点击向左拉手势删除这封通知函...
删除
账单通知: 6月份扣款流水
您的账户已成功完成安全核验支付...
📋 大模型统一 Prompt (LLM Prompt)