MEMORY.md 2.6 KB

MEMORY.md - 长期记忆

项目信息

  • 项目名: pointsMall(DGT 誉商城)
  • 技术栈: Vue 2.6 + Vue Router 3 + Vuex 3 + Element UI + Vant UI
  • 定位: 企业内部员工积分商城
  • 主色调: #2C6FBF(蓝)、#1e80ff(Element UI 主题蓝)

用户偏好

  • 所有改动必须先告知用户,等确认后再执行
  • 重视交付物完整性,不接受遗漏
  • 沟通语言:中文

关键文件

  • src/App.vue — 根组件(AppHeader + router-view + 新手指引)
  • src/views/HomeView.vue — 主框架布局(AppSidebar + router-view + 系统规则弹窗)
  • src/components/AppSidebar.vue — 侧边栏导航(含菜单列表和热门商品)
  • src/api/allApi.js — 主接口文件
  • src/utils/request.js — axios 封装

新手指引功能 (2026-04-29 ~ 04-30)

  • 目录: src/components/NewUserGuide/
  • 主组件: index.vue(全屏蒙层 + <component :is> 动态渲染步骤)
  • 步骤组件注册表: stepComponents 数组,新增步骤只需追加组件
  • 已完成步骤:
    • steps/WelcomeGuide.vue — 欢迎页(Step1)
    • steps/SignInGuide.vue — 签到引导(Step2)
    • steps/PointsMallGuide.vue — 积分商城(Step3)
    • steps/ActivityGuide.vue — 参与活动(Step4)
    • steps/EarnPointsGuide.vue — 完成任务(Step5)
    • steps/ProfileGuide.vue — 个人中心(Step6)
    • steps/RewardGuide.vue — 领取奖励(Step7,最后一步)
  • 已接入 App.vue(根组件),不随路由切换销毁,延迟 800ms 自动触发
  • 每个步骤组件需接收 isLastisFirst prop,emit nextprev 事件
  • 已实现"上一步"功能:所有步骤(除 Step1)底部有"← 上一步"按钮,位于"下一步"下方
  • ⚠️ 用户手动屏蔽了部分步骤的"下一步"按钮(如 SignInGuide),请勿恢复或覆盖
  • Step 6 已拆分为 3 步(2026-05-06),总步骤从 7 变为 9:
    • Step 6 ProfileGuide — 我的积分
    • Step 7 ExchangeGuide — 我的兑换(setTab('exchange') 激活 Tab)
    • Step 8 CouponGuide — 礼品券兑换(setTab('welfare') 激活 Tab)
    • Step 9 RewardGuide — 引导完成领奖(首次「🎁 立即领取」,重看「🚀 开始探索」)
  • MyCenter 新增「新手指引」Tab(name="sixth"),可通过「重新查看」按钮触发 this.$root.$refs.guide.show() 重播引导
  • 首次/重新查看区分:show({ replay: true }),isReplay 通过 prop 传递;跳过按钮首次弹确认框,重看直接关闭
  • ⚠️ 嵌套路由下 this.$root.$refs.guide 不可用,MyCenter 使用 $parent 链查找 App 实例