前端-远程-1个月

项目编号：【183461】
【H5前端开发】汽车品牌线下活动H5
（4个小游戏，UI已定，接口已就绪）


需求详情：
一、 项目背景
本项目为某品牌线下活动配套H5。目前 UI设计图（蓝湖/Figma）、后端API接口文档均已准备完毕，只需前端开发对接数据并还原页面。

二、 核心功能模块
1. 整个H5约 8 个主要页面，无复杂3D场景，主要为2D平面交互。注册/登陆流程（极简）：
- 微信静默授权： 获取用户OpenID直接登录，后端处理身份，前端无需开发手机号验证表单。

- 电子通行证： 登录后生成带用户信息的静态通行证页（含二维码渲染）。

2.首页：
- 简单的聚合菜单页，点击图标跳转对应子模块。

3.四个轻量级互动小游戏（均为H5标准模版玩法）：
- 赛车拼图： 3*4网格（12格）拼图。逻辑：打乱图片 -> 用户拖拽/点击交换复原 -> 记录耗时。需要简单的过关判定。

- 反应力挑战： 模拟F1起步信号灯。逻辑：倒计时 -> 信号灯灭 -> 用户点击 -> 记录毫秒数 -> 结果页。

- 声浪互动： 简单的拖动交互。逻辑：滑块拖动寻找“最佳频率点”，播放音效并解锁下载。

- 合影相框（Canvas合成）： 调用摄像头/上传照片 -> 选择底部预设相框 -> 合成海报 -> 长按保存。

4.个人中心：
展示QR、隐私协议、注销按钮（均为静态展示）。

三、 技术要求
1.技术栈： Vue.js / React 均可，代码需结构清晰。
2.兼容性： 必须完美适配微信环境（JSSDK授权、分享），兼容主流iOS/Android机型。
3.还原度： 品牌项目，要求 CSS还原度高。

四、 交付与工期
1.交付物： 完整前端源码、编译后的部署包。
2.工期： 预计 10-15 天。交付时间2月28日