页面及交互说明
左边线框图,右边具体说明。说明中务必应包括页面中包含的具体元素项、交互逻辑(如按钮切换状态、页面间的跳转等)等描述。
查询
刻字订单
输入报名时填写的证件号
斯巴达奖牌刻字
未查询到报名信息
页面显示:
证件号输入框
查询按钮
刻字订单入口
交互说明:
输入证件号,点击查询,判断该证件号是否有报名记录
如存在报名信息进入下一步
如不存在报名信息,toast提示“未查询到报名信息”
查询
订单
输入报名填写的证件号
斯巴达奖牌刻字
选择赛事
2022斯巴达勇士赛深圳站
x
2022斯巴达勇士赛深圳站
2022斯巴达勇士赛深圳站
2022斯巴达勇士赛深圳站
确定
选择刻字类型
生成预览效果
标准版(¥35.00)
定制版(¥35.00)
选择类型
生成预览效果
标准版(¥35.00)
定制版(¥35.00)
输入文案内容(xx字)
选择参赛时间
竞速赛/公开组/5月30日 13:00
竞速赛/公开组/5月30日 13:00
竞速赛/公开组/5月30日 13:00
选择参赛时间
效果预览
下一步
上一步
支付订单
选择支付方式
微信支付
支付宝支付
立即支付
赛事信息
2022斯巴达勇士赛深圳站
比赛名称
参赛者姓名
张三
订单信息
定制版
刻字类型
00001
编号
定制文案
Lorem ipsum dolor sit amet, consectetur adipiscing
支付订单
支付方式
微信支付
立即支付
赛事信息
2022斯巴达勇士赛深圳站
比赛名称
订单信息
标准版
刻字类型
00001
编号
支付成功
返回首页
保存二维码
赛事信息
2022斯巴达勇士赛深圳站
比赛名称
竞速赛/公开组5月30日 13:00
参赛时间
支付金额
¥45.00
订单信息
定制版
刻字类型
00001
编号
定制内容
Lorem ipsum dolor sit amet, consectetur adipiscing
兑换二维码
完赛结束后出示此二维码兑换刻字奖牌
{可在个人中心-奖牌刻字-刻字订单中查看}
页面显示:
选择赛事列表
确定按钮
关闭按钮
交互说明:
选择赛事,点击确定进入下一步
点击关闭,回到查询页
限制说明:
如用户报名记录存在多场未开始赛事,显示选择赛事弹窗;
如用户仅存在一场赛事,则直接跳转至下一页
排序说明:
按照赛事开始时间,由近到远排序
竞速赛/公开组/5月30日 13:00
页面显示:
选择参赛时间
选择刻字类型
生成预览效果按钮
交互说明:
选择参赛时间,超过三次可上下滑动浏览
点击刻字类型,选择定制版,显示输入文案内容
点击生成预览效果
限制说明:
参赛时间排序由近到远排列
默认展示三个,如超过三个滑动浏览更多,此区域高度固定
选择标准版,不显示输入文案内容框
选择定制版,显示输入文案内容框
字数限制在xx字之内,超过不再显示
非首次进入刻字页面,已存在过刻字的场次
隐藏不再显示,既一个场次仅支持一次奖牌刻字
页面显示:
预览效果图
下一步按钮
上一步按钮
交互说明:
点击下一步,进入确认订单页
点击上一步,返回至选择时间/刻字类型页
页面显示:
倒计时
奖牌信息
编号/刻字类型/定制文案(类型为定制版显示)
赛事信息
比赛名称/参赛时间/参赛者姓名
支付金额
支付方式
交互说明:
微信浏览器,确认信息后点击立即支付跳转至微信支付场景
非微信浏览器,确认信息后选择支付方式点击立即支付跳转至微信/支付宝支付场景
倒计时从30分钟的数字开始倒数,超过30分钟,页面出现弹窗
竞速赛/公开组/5月30日 13:00
参赛时间
参赛者姓名
张三
竞速赛/公开组/5月30日 13:00
参赛时间
支付金额
¥45.00
支付金额
¥45.00
页面显示:
兑换的二维码及提示
奖牌信息
编号/刻字类型/定制文案(类型为定制版显示)
赛事信息
比赛名称/参赛时间/参赛者姓名
继续刻字按钮
返回首页按钮
交互说明:
点击继续刻字,返回至刻字订单首页
点击返回首页,返回至报名网站首页
参赛者姓名
张三
继续刻字
30:00:00
请在30分钟内完成支付,超出时间订单将失效
30:00:00
请在30分钟内完成支付,超出时间订单将失效
支付订单
支付方式
微信支付
立即支付
赛事信息
2022斯巴达勇士赛深圳站
比赛名称
订单信息
标准版
刻字类型
00001
编号
参赛者姓名
张三
竞速赛/公开组/5月30日 13:00
参赛时间
支付金额
¥45.00
30:00:00
请在30分钟内完成支付,超出时间订单将失效
订单已失效,请重新下单
我知道了
交互说明:
点击“我知道了”,返回刻字首页
报名成功页面增加奖牌刻字入口按钮
点击进入选择参赛时间与刻字类型页面
限制说明:
由报名成功跳转刻字页面,仅显示用户刚刚报名的场次