# 说明文档 ## 一、项目规划 ### 1.1 项目概述 本项目为 Uni-App 开发的 bindbox-mini 小程序。当前阶段任务为优化现有 UI 设计,重点调整色彩、按钮样式及视觉层级,保持整体布局不变。 ### 1.2 实施方案 1. **全局样式分析**:检查 `uni.scss` 及各页面样式,提取现有色彩和组件样式。 2. **视觉优化设计**: * 定义新的色彩系统(主色、辅助色、中性色)。 * 优化按钮样式(圆角、阴影、交互态)。 * 提升卡片及列表的视觉质感。 3. **代码实现**: * 更新 `uni.scss` 变量。 * 重构主要组件/页面的样式代码。 4. **验证与测试**:确保各页面视觉一致且无布局崩坏。 ### 1.3 进度记录 * [x] 2025-12-17: 初始化说明文档,启动 UI 优化任务。 * [x] 2025-12-17: 完成全局 SCSS 变量定义 (`uni.scss`),建立色彩与设计系统。 * [x] 2025-12-17: 优化 `pages/index/index.vue` (首页),集成新设计系统与微交互动画。 * [x] 2025-12-17: 优化 `pages/activity/pata/index.vue` (帕塔页面),增强动画与视觉质感。 * [x] 2025-12-17: 优化 `pages/activity/wuxianshang/index.vue` (无限赏),统一视觉风格。 * [x] 2025-12-17: 优化 `pages/mine/index.vue` (个人中心),实现磨砂玻璃效果与动态交互。 * [x] 2025-12-17: 优化 `pages/orders/index.vue` (订单列表),增强状态标识与列表质感。 * [x] 2025-12-17: 修复 `pages/address` 模块编译错误,并完成地址管理页面的样式标准化优化。 * [x] 2025-12-17: 修复 `components/ElCard.vue` 和 `components/YifanSelector.vue` 中的未定义变量错误,统一组件样式。 * [x] 2025-12-17: 优化 `pages/activity/wuxianshang/index.vue` (无限赏),替换硬编码样式为全局变量。 * [x] 2025-12-17: 修复 `pages/activity/yifanshang/index.vue` 编译错误,在 `uni.scss` 中补充 `text-ellipsis` mixin 定义。 * [x] 2025-12-17: 修复 `pages/login/index.vue` 等多处 `$border-color` 未定义错误,在 `uni.scss` 中增加变量别名。 * [x] 2025-12-17: 修复 `pages/mine/index.vue` 编译错误,在 `api/appUser.js` 中补充 `getUserInfo`, `getUserTasks`, `getInviteRecords` 导出。 * [x] 2025-12-17: 将 dev 分支代码强制推送至 main 分支 (Deployment/Sync)。 * [x] 2025-12-18: 实现订单详情 API 与取消订单 API (后端接口对接)。 * [x] 2025-12-18: 开发订单详情页 UI 及交互逻辑。 * [x] 2025-12-22: 修复订单列表不显示问题,移除 source_type=3 过滤,并支持对对碰等玩法订单的正确展示(列表与详情)。 * [x] 2025-12-22: 修复订单列表标题显示为 "matching_game:xxx" 内部标识的问题,优化无商品信息时的标题展示。 * [x] 2025-12-22: 优化订单详情页,当没有实物商品时(如参与记录)显示活动信息,避免显示空的商品清单。 * [ ] 2025-12-17: 进行中 - 优化 `pages/activity/yifanshang/index.vue` 及相关组件。 * [ ] 2025-12-17: 待开始 - 优化 `pages/login/index.vue` 视觉细节。