跑者联盟 · 原型导航

点击进入对应页面 · 全部 56 个页面已完成 · iPhone 14 Pro · 393×852 · uni-app 多端输出

已交付 56 / 56 页
Tailwind CSS · Lucide Icons
10
核心模块
56
页面
6
称号等级
3
抽奖模式
7
消息类型

第一批 · 核心 Tab 页（4 页）

底部 TabBar 入口
01
首页
赛事 / 签到 / 中奖滚动 / 近期成绩
05
抽奖列表
赞助 Top3 + 商品列表 + 进度条
08
个人排名
最强王者 + 前后10名 + 我的位置
12
我的主页
用户信息 / 数据 / 功能入口

第二批 · 列表与详情（8 页）

02
赛事列表
我的赛事 / 全部赛事
03
赛事详情
赛事信息 + 报名
04
成绩详情
CMA 个人成绩 + 分段配速
06
抽奖详情
商品 + 进度 + 投入积分
07
抽奖记录
我的所有抽奖记录
09
区域排名
本市 / 区 / 县级
10
跑者详情
点击排名项进入
11
挑战系统
发起 / 接收 / VS 对战

第三批 · 个人中心（8 页）

13
编辑资料
头像 / 昵称 / 抖音号
14
实名认证
身份证 + CMA 授权
15
绑定手表
入口页 · 跳转绑定流程
16
钱包
积分余额 + 流水
17
充值
积分充值套餐
18
订单列表
中奖 + 直接购买订单
19
订单详情
物流追踪 + 价格明细
20
售后列表
售后单总览 + 进度

第四批 · 消息中心（7 页）

21
消息容器
全部消息列表 + Tab
21a
中奖消息
中奖详情 + 公示
21b
客服 IM
商品咨询聊天
21c
挑战消息
发起 / 进行 / 结果
21d
物流消息
发货 / 派送 / 签收
21e
充值系统
积分到账 / 充值
21f
订单消息
下单 / 发货 / 签收

第五批 · 流程状态（4 页）

22
登录注册
手机号 / 微信 / Apple
23
空状态合集
7 种空状态设计规范
24
权限拦截
未实名 / 未授权
25
需绑定手表
签到前拦截

第六批 · 账号体系（8 页）

本批次新增
26
注册账号
手机号 + 验证码 + 密码
27
短信验证
6 位验证码输入
28
忘记密码
输入手机号 + 图形验证
29
重置密码
设置新密码 + 强度提示
29+
重置成功
完成反馈 + 自动跳转
30
用户协议
完整法律条款
31
隐私政策
信息采集与使用
32
改绑手机号
绑定新手机号

第七批 · 手表绑定完整流程（5 页）

本批次新增
33
选择品牌
佳明 / 高驰 / 华为等
34
蓝牙配对
搜索设备 + 波形动效
35
授权数据
心率 / 步频 / GPS / 时间
36
同步测试
拉取历史数据进度
37
绑定成功
庆祝动效 + 解锁能力

第八批 · 售后完整流程（6 页）

本批次新增
38
申请退款
仅退款 / 退货退款
39
申请换货
换尺码 / 换颜色
40
申请维修
故障类型 + 凭证
41
退款进度
5 步处理时间线
42
售后详情
已完成订单展示
43
撤销申请
二次确认 + 撤销原因

第九批 · 客服系统（3 页）

本批次新增
44
在线客服
客服会话 + 联系方式
45
智能客服
FAQ + 搜索
46
问题反馈
工单提交 + 自动填充

第十批 · 账号安全（4 页）

本批次新增
47
账号安全
安全等级 + 设置总览
48
修改密码
当前 + 新密码 + 短信验证
49
改绑验证
验证当前手机号
50
登录设备
设备列表 + 移除

设计规范

色板 / 字号 / 间距 / 组件模式 / 称号系统

查看规范

原型全部交付完成（56 / 56 页）