邹方成
6f7207da2d
refactor(components): 重构ElCard、FlipGrid、YifanSelector和PaymentPopup组件样式 refactor(pages): 优化地址管理、商品详情、订单列表、积分记录和活动页面UI style: 更新uni.scss全局样式变量和设计系统 docs: 添加说明文档记录UI优化进度
35 lines
2.4 KiB
Markdown
35 lines
2.4 KiB
Markdown
# 说明文档
|
||
|
||
## 一、项目规划
|
||
|
||
### 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` 导出。
|
||
* [ ] 2025-12-17: 进行中 - 优化 `pages/activity/yifanshang/index.vue` 及相关组件。
|
||
* [ ] 2025-12-17: 待开始 - 优化 `pages/login/index.vue` 视觉细节。
|