设计资源App 界面
返回模板库
单页模板v1.0.0 · MIT

训练完成

回顾今天的努力与长期进步,为下一次训练留下动力。

属于「进阶 · 健身 App」模板包
独立预览
实时预览
点击预览中的按钮,体验真实交互

为完整的训练体验而设计

一套演示数据贯穿计划、记录和反馈。独立页面的预置状态用于快速体验;从首页开始时会创建全新会话。

页面与交互状态

  • 独立预览:12 组 / 50 分钟
  • 实际会话动态汇总
  • 完整训练增加周次数
  • 训练详情与返回

使用范围

适合力量训练、习惯记录等移动端 H5 原型。使用浏览器本地存储,提供数据重置;演示数据不代表真实用户记录。生产业务需替换数据与持久化层。

模板包内页面

今日训练home
训练进行中workout
训练完成complete

适配约定

  • 业务文案、演示数据与动作列表
  • 通过 CSS 变量调整主题色
  • 在既有间距与组件规则内增加业务页面