DC情侣小程序功能说明文档

#DC情侣小程序功能说明文档

## 项目信息
– **项目名称**：DC情侣小程序
– **版本**：v5.2.0
– **类型**：情侣纪念类微信小程序

#### 功能列表
1. **情侣头像展示**
– 左侧头像 + 右侧头像
– 中间LOVE爱心图标
– 头像边框光环动画效果

2. **恋爱天数计算**
– 显示”我们在一起的X天”
– 实时计算从在一起到现在的天数

3. **纪念日倒计时**
– 显示距离下一个纪念日（两周年）的天数
– 目标日期：自动计算

4. **快捷功能入口**
– 恋爱事件：跳转到事件列表
– 点点滴滴：跳转到日记列表
– 爱的相册：跳转到相册页面

5. **最近动态**
– 显示最近2篇日记标题
– 点击可进入日记详情页

### 2.2 事件页面 (pages/list/list)

#### 功能列表
1. **情侣头像展示**
– 与首页一致的情侣头像卡片
– 中间显示”EVENTS”文字

2. **类别筛选**
– 全部事件（all）
– 已完成事件（completed）- 有照片
– 待完成事件（pending）- 无照片

3. **事件列表展示**
– 事件名称和描述
– 作者/用户名 + 日期
– 状态指示器（已完成✓ / 待完成⏳）

4. **事件图片展示**
– 已完成：显示上传的照片，点击可查看大图
– 待完成：显示占位图标”等待上传纪念照片”

5. **分页功能**
– 每页显示一定数量的事件
– 支持上一页/下一页切换
– 页码指示器可点击跳转

### 2.3 日记页面 (pages/little/little)

#### 功能列表
1. **情侣头像展示**
– 与首页一致的情侣头像卡片

2. **日记列表展示**
– 日记标题
– 作者 + 记录日期
– 右侧展开图标

3. **分页功能**
– 每页显示一定数量的日记
– 支持上一页/下一页切换
– 页码指示器可点击跳转

4. **跳转详情**
– 点击日记卡片进入日记详情页

### 2.4 相册页面 (pages/photo/photo)

#### 功能列表
1. **情侣头像展示**
– 显示情侣双方头像和名字

2. **相册统计**
– 显示照片总数
– 爱心图标装饰

3. **照片网格展示**
– 瀑布流/网格布局
– 每张照片显示日期
– 图片懒加载优化性能

4. **全屏预览功能**
– 点击照片打开全屏预览
– 支持左右滑动切换照片
– 支持双指缩放（1-3倍）
– 显示当前照片序号（1/10）

5. **分页功能**
– 每页显示一定数量的照片
– 支持上一页/下一页切换

### 2.5 文章详情页 (pages/page/page)

#### 功能列表
1. **阅读进度显示**
– 显示当前阅读进度的百分比
– 进度条可视化展示

2. **文章信息展示**
– 文章标题
– 作者名称
– 发布日期

3. **内容块渲染**
– 支持文本（rich-text）
– 支持图片（点击可预览）
– 支持视频（点击跳转全屏播放）

4. **视频播放**
– 点击视频跳转到专门的视频播放页面
– 支持全屏播放

5. **返回功能**
– 返回按钮回到列表页

### 2.6 关于我们页面 (pages/about/about)

#### 功能列表
1. **返回按钮**
– 返回上一页

2. **封面图展示**
– 点击可预览大图

### 2.7 视频播放页面 (pages/video/video)

#### 功能列表
1. **全屏视频播放**
– 专门的全屏播放页面
– 无其他元素遮挡
– 支持系统全屏按钮

2. **视频控制**
– 显示播放按钮
– 显示全屏按钮
– 支持手势播放
– 自动播放

3. **错误处理**
– 视频加载失败时显示提示

## 六、技术特点

### 6.1 前端技术
– **框架**：微信小程序原生框架
– **样式**：WXSS + CSS动画
– **数据绑定**：双括号语法 `{{}}`

### 6.2 页面优化
– 图片懒加载
– 分页加载
– 骨架屏加载动画
– 自定义导航栏

### 6.3 用户体验
– 统一的视觉风格（渐变、圆角、阴影）
– 流畅的页面切换动画
– 空状态友好提示
– 错误处理和提示

## 八、更新日志

### v5.2.0 (2026-04-22)
1. 修复首页API无法调用问题
2. 修复iOS视频全屏按钮无法点击问题
3. 新增专门视频播放页面
4. 修复iOS返回按钮和阅读进度条显示问题
5. 优化日记列表API调用