页面及交互说明

    左边线框图,右边具体说明。说明中务必应包括页面中包含的具体元素项、交互逻辑(如按钮切换状态、页面间的跳转等)等描述。

查询

刻字订单

输入报名时填写的证件号

斯巴达奖牌刻字

未查询到报名信息

页面显示:

证件号输入框

查询按钮

刻字订单入口


交互说明:

输入证件号,点击查询,判断该证件号是否有报名记录

如存在报名信息进入下一步



如不存在报名信息,toast提示“未查询到报名信息”

查询

订单

输入报名填写的证件号

斯巴达奖牌刻字

选择赛事

2022斯巴达勇士赛深圳站

x

2022斯巴达勇士赛深圳站

2022斯巴达勇士赛深圳站

2022斯巴达勇士赛深圳站

确定

u102_seg0 u102_seg1

选择刻字类型

生成预览效果

标准版(¥35.00)

定制版(¥35.00)

选择类型

生成预览效果

标准版(¥35.00)

定制版(¥35.00)

输入文案内容(xx字)

选择参赛时间

竞速赛/公开组/5月30日 13:00

竞速赛/公开组/5月30日 13:00

竞速赛/公开组/5月30日 13:00

选择参赛时间

u120_seg0 u120_seg1

效果预览

下一步

上一步

u126_seg0 u126_seg1

支付订单

选择支付方式

微信支付

支付宝支付

立即支付

赛事信息

2022斯巴达勇士赛深圳站

比赛名称

参赛者姓名

张三

订单信息

定制版

刻字类型

00001

编号

定制文案

Lorem ipsum dolor sit amet, consectetur adipiscing

支付订单

支付方式

微信支付

立即支付

赛事信息

2022斯巴达勇士赛深圳站

比赛名称

订单信息

标准版

刻字类型

00001

编号

u160_seg0 u160_seg1

支付成功

返回首页

保存二维码

赛事信息

2022斯巴达勇士赛深圳站

比赛名称

竞速赛/公开组5月30日 13:00

参赛时间

支付金额

¥45.00

订单信息

定制版

刻字类型

00001

编号

定制内容

Lorem ipsum dolor sit amet, consectetur adipiscing

兑换二维码

完赛结束后出示此二维码兑换刻字奖牌

{可在个人中心-奖牌刻字-刻字订单中查看}

u183_seg0 u183_seg1
u184_seg0 u184_seg1 u184_seg2 u184_seg3

页面显示:

选择赛事列表

确定按钮

关闭按钮


交互说明:

选择赛事,点击确定进入下一步

点击关闭,回到查询页


限制说明:

如用户报名记录存在多场未开始赛事,显示选择赛事弹窗;

如用户仅存在一场赛事,则直接跳转至下一页

排序说明:

按照赛事开始时间,由近到远排序

竞速赛/公开组/5月30日 13:00

页面显示:

选择参赛时间

选择刻字类型

生成预览效果按钮


交互说明:

选择参赛时间,超过三次可上下滑动浏览

点击刻字类型,选择定制版,显示输入文案内容

点击生成预览效果

限制说明:

参赛时间排序由近到远排列

默认展示三个,如超过三个滑动浏览更多,此区域高度固定

选择标准版,不显示输入文案内容框

选择定制版,显示输入文案内容框

字数限制在xx字之内,超过不再显示


非首次进入刻字页面,已存在过刻字的场次

隐藏不再显示,既一个场次仅支持一次奖牌刻字

页面显示:

预览效果图

下一步按钮

上一步按钮


交互说明:

点击下一步,进入确认订单页

点击上一步,返回至选择时间/刻字类型页

页面显示:

倒计时

奖牌信息

编号/刻字类型/定制文案(类型为定制版显示)

赛事信息

比赛名称/参赛时间/参赛者姓名

支付金额

支付方式


交互说明:

微信浏览器,确认信息后点击立即支付跳转至微信支付场景

非微信浏览器,确认信息后选择支付方式点击立即支付跳转至微信/支付宝支付场景

倒计时从30分钟的数字开始倒数,超过30分钟,页面出现弹窗

竞速赛/公开组/5月30日 13:00

参赛时间

参赛者姓名

张三

竞速赛/公开组/5月30日 13:00

参赛时间

支付金额

¥45.00

支付金额

¥45.00

u204_seg0 u204_seg1

页面显示:

兑换的二维码及提示

奖牌信息

编号/刻字类型/定制文案(类型为定制版显示)

赛事信息

比赛名称/参赛时间/参赛者姓名

继续刻字按钮

返回首页按钮


交互说明:

点击继续刻字,返回至刻字订单首页

点击返回首页,返回至报名网站首页

参赛者姓名

张三

继续刻字

30:00:00

请在30分钟内完成支付,超出时间订单将失效

30:00:00

请在30分钟内完成支付,超出时间订单将失效

支付订单

支付方式

微信支付

立即支付

赛事信息

2022斯巴达勇士赛深圳站

比赛名称

订单信息

标准版

刻字类型

00001

编号

参赛者姓名

张三

竞速赛/公开组/5月30日 13:00

参赛时间

支付金额

¥45.00

30:00:00

请在30分钟内完成支付,超出时间订单将失效

订单已失效,请重新下单

我知道了

交互说明:

点击“我知道了”,返回刻字首页

u253_seg0 u253_seg1 u253_seg2 u253_seg3
u255_seg0 u255_seg1
u256_seg0 u256_seg1

报名成功页面增加奖牌刻字入口按钮

点击进入选择参赛时间与刻字类型页面


限制说明:

由报名成功跳转刻字页面,仅显示用户刚刚报名的场次


u260_seg0 u260_seg1