13. 📱 移动端模式 Mobile Specific ★★☆☆☆ App 专属

🌏 Web 网页规范

  • 实现技术: 移动端自适应布局 / 弹性布局多断点适配
  • 触控适配: 去除 Hover 触发状态,全由触控点按取代
  • 键盘冲突: 移动浏览器软键盘弹出挤压视口 (Visual Viewport)
  • 应用封装: PWA 渐进式网页 / 混合套壳 Web 渲染

📱 App 移动端规范

  • 实现技术: Swift / Kotlin 原生框架视图绝对安全布局
  • 触控适配: 44dp 黄金拇指点击法则,手势加速度计算
  • 键盘冲突: 原生键盘事件监听,视口绝对高度重算与抗遮挡
  • 应用封装: 完全独立的原生二进制文件安装,原生渲染

触控物理手势与滑动删除列表项

Touch Gestures & Swipe to Delete List

手机端完全依赖手指触控。操作以拇指物理热区(至少 44x44pt)为核心。核心操作模式包括手势左右滑动、下滑刷新、下端弹出 Action Sheet,以及列表的 滑动删除手势 (Swipe to Delete)

LIVE PLAYGROUND: 侧滑手势删除列表项交互仿真 鼠标按住列表项并向左侧拉动,拉出红色删除按钮测试
09:41
📶 🔋
删除
📩
收件箱: 任务已提交验证

点击向左拉手势删除这封通知函...

删除
💰
账单通知: 6月份扣款流水

您的账户已成功完成安全核验支付...

📋 大模型统一 Prompt (LLM Prompt)