zfc/bindbox-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
bindbox-mini/说明文档.md
邹方成 6f7207da2d feat: 优化UI设计并重构样式系统 
refactor(components): 重构ElCard、FlipGrid、YifanSelector和PaymentPopup组件样式
refactor(pages): 优化地址管理、商品详情、订单列表、积分记录和活动页面UI
style: 更新uni.scss全局样式变量和设计系统
docs: 添加说明文档记录UI优化进度
2025-12-17 14:32:55 +08:00

2.4 KiB
Raw Blame History

说明文档

一、项目规划

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: 进行中 - 优化 pages/activity/yifanshang/index.vue 及相关组件。
  • 2025-12-17: 待开始 - 优化 pages/login/index.vue 视觉细节。