返回
[臻]臻动力 82 页 · 2 分包 · 生活服务 · 2024-12-09

训练课程、社区与商城合体的健身应用

概览

训练课程、社区与商城合体的健身应用

臻动力(manifest 名 健身,目录名 健身):82 个页面、2 个分包、仓库内 1 次提交,最近 2024-12-09。

要点

  • canvas 逐帧重绘的弹幕带:measureText 量字宽排下一条起点,16ms 推进一帧,整轮划完自动重播并回传 ended 事件
  • 分享海报由 canvas 现绘:底图/头像/推广码三张远程图 getImageInfo 计数预载,头像 arc+clip 裁圆,再按 2 倍尺寸导出存相册
  • 分包按角色分账:subPackages 装代理侧经营台(产品库/在售/订单管理/提现/推广用户),subPackages2 装用户侧成长与内容(等级/金币/勋章/心得/课程播放)
  • 日历组件自算周、月两套日期网格,把 train_log 返回的打卡日回填成高亮格,训练记录页再用 ref 取它算好的起止区间拉同一段列表
  • 倒计时组件用 computed 取 $store.state.start 并 watch 它;弹幕与跟练视频也从同一路 state 订阅,训练页 dispatch changeStatus 一次,三处 watch 各自 clearInterval 同步停住

技术

  • 支付
  • canvas
  • 视频
  • 扫码
  • 分包
  • Vuex

模块

共 62 个页面标题,示例 16 个

  • 商城
  • 社区
  • 会员中心
  • 健康管家
  • 训练记录
  • 训练统计
  • 个人资料
  • 课程
  • 基础阶段
  • 训练准备
  • PC肌自测
  • 测试训练
  • 测试结果
  • 排行榜
  • 签到
  • 分销中心

下一节

回到首页