bindbox-mini/说明文档.md

说明文档

一、项目规划

1.1 项目概述

本项目为 Uni-App 开发的 bindbox-mini 小程序。当前阶段任务为优化现有 UI 设计，重点调整色彩、按钮样式及视觉层级，保持整体布局不变。

1.2 实施方案

1. 全局样式分析：检查 uni.scss 及各页面样式，提取现有色彩和组件样式。
2. 视觉优化设计：
   • 定义新的色彩系统（主色、辅助色、中性色）。
   • 优化按钮样式（圆角、阴影、交互态）。
   • 提升卡片及列表的视觉质感。
3. 代码实现：
   • 更新 uni.scss 变量。
   • 重构主要组件/页面的样式代码。
4. 验证与测试：确保各页面视觉一致且无布局崩坏。

1.3 进度记录

• 2025-12-17: 初始化说明文档，启动 UI 优化任务。
• 2025-12-17: 完成全局 SCSS 变量定义 (uni.scss)，建立色彩与设计系统。
• 2025-12-17: 优化 pages/index/index.vue (首页)，集成新设计系统与微交互动画。
• 2025-12-17: 优化 pages/activity/pata/index.vue (帕塔页面)，增强动画与视觉质感。
• 2025-12-17: 优化 pages/activity/wuxianshang/index.vue (无限赏)，统一视觉风格。
• 2025-12-17: 优化 pages/mine/index.vue (个人中心)，实现磨砂玻璃效果与动态交互。
• 2025-12-17: 优化 pages/orders/index.vue (订单列表)，增强状态标识与列表质感。
• 2025-12-17: 修复 pages/address 模块编译错误，并完成地址管理页面的样式标准化优化。
• 2025-12-17: 修复 components/ElCard.vue 和 components/YifanSelector.vue 中的未定义变量错误，统一组件样式。
• 2025-12-17: 优化 pages/activity/wuxianshang/index.vue (无限赏)，替换硬编码样式为全局变量。
• 2025-12-17: 修复 pages/activity/yifanshang/index.vue 编译错误，在 uni.scss 中补充 text-ellipsis mixin 定义。
• 2025-12-17: 修复 pages/login/index.vue 等多处 $border-color 未定义错误，在 uni.scss 中增加变量别名。
• 2025-12-17: 修复 pages/mine/index.vue 编译错误，在 api/appUser.js 中补充 getUserInfo, getUserTasks, getInviteRecords 导出。
• 2025-12-17: 将 dev 分支代码强制推送至 main 分支 (Deployment/Sync)。
• 2025-12-17: 进行中 - 优化 pages/activity/yifanshang/index.vue 及相关组件。
• 2025-12-17: 待开始 - 优化 pages/login/index.vue 视觉细节。