爱情足迹｜情侣专属纪念 H5产品系统

面向情侣纪念、恋爱记录和情感互动场景，解决情侣间重要时刻分散、回忆难以沉淀和分享不够有仪式感的问题。用户可通过移动端查看恋爱时间轴、纪念日内容、活动记录及专属爱情文案，并生成完整的爱情足迹图进行保存和分享。

项目为“爱情足迹”移动端 H5，采用粉色浪漫视觉风格，围绕情侣恋爱纪念场景设计。首页提供情侣头像信息、爱情录入入口、分类标签及左右交错的时间轴卡片，展示参与活动、购买商品、使用功能和爱情录入等内容。

用户可点击不同时间轴卡片进入对应详情页，查看活动详情、商品/优惠券详情、爱情文案及古风情侣纪念图；详情页支持返回首页。底部提供完整爱情足迹图生成与保存入口。页面使用本地静态数据和真实视觉素材完成展示，适配常见 iPhone 与 Android 竖屏尺寸。

我负责移动端 H5 的前端页面开发、视觉还原、交互实现与多机型适配。项目基于 React、TypeScript 和 CSS3 实现，按设计素材完成首页、时间轴卡片、分类导航及多个详情页的高还原开发。

实现中使用组件化方式组织页面结构，通过状态切换完成卡片跳转与返回交互；针对 iPhone 和 Android 竖屏设备处理图片比例、页面裁切、滚动区域和安全区域适配。项目暂不接入后端接口，内容以本地静态数据呈现，重点保证视觉素材、圆角、阴影、排版、色彩和图片展示效果与原始设计一致。