训练课程、社区与商城合体的健身应用
概览
训练课程、社区与商城合体的健身应用
臻动力(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肌自测
- 测试训练
- 测试结果
- 排行榜
- 签到
- 分销中心