全局说明
- 姓名:仅支持中英文,最多展示10个字符;
- 电话号码:号码有效性验证,仅支持11位数字;
- 身份证号码:有效的身份证号码,长度18位,只支持数字和英文字母“X”;
- 年龄:仅支持2位数字;
需求变更注意
2021-6-18 - 与需求文档不一致的地方,以此为准
原型
- https://org.modao.cc/app/47f802f4b831d68a040e18bf74858a6af360a9c1?simulator_type=device&sticky
- https://org.modao.cc/app/8fd011c5497fa768788976d6741e4771c52f0495?simulator_type=device&sticky
一、前端
-
首页将老人朋友圈修改为老人天地
-
点击首页的“老人天地”按钮,进入老人天地界面
1. 轮播图
- 老人天地界面的顶部为轮播图,点击进入文章详情或者视频详情界面;
- 轮播图的图片和链接详情在后台进行配置;
2. 四大模块
- 老人天地分为四大模块:老人广场舞、集体过生日、老人朋友圈、子孙教育;
- 老人朋友圈的功能和原来的朋友圈功能一致;
- 其他3个模块的界面一致,只是内容不一致;
3. 列表界面
- 每一个模块都分为3个部分:视频、文章和活动,三个部分之间可以进行切换;
- 列表根据后台设置的排列顺序进行排列;
- 列表每次加载10条数据,支持下拉刷新和上拉加载更多;上拉加载如果没有数据,在底部提示用户:暂无更多内容。
- 列表视频展示的内容:标题、发布者、封面、点赞数量(我的——日常生活——视频的功能一致,视频详情功能也一致);
- 文章列表和详情的功能展示的内容和(我的——日常生活——文章)的功能一致;
3.1 活动
- 活动有些更改,参照迭代版本;
- https://docs.uninote.com.cn/book/9/2750
- 活动根据不同的模块展示不同的内容;
- 所有的活动使用列表的形式展示,列表展示的内容:图片、标题、活动报名状态;
- 标题只展示一行,超出部分省略占位;
- 活动报名的状态:若还未到报名截止时间,则展示报名的截止时间;若已经过了截止时间,则展示“报名已截止”。
- 列表每次加载10条数据,支持下拉刷新和上拉加载更多;上拉加载如果没有数据,在底部提示用户:暂无更多内容。
- 点击任意一条活动,进入活动详情界面;
3.1.1 活动详情
- 完整展示标题和内容:标题和内容都是在后台进行配置的;
- 不同的用户在不同时间内进来,展示的按钮不同;
- 已报名的用户进入详情界面,按钮展示为:查看报名详情;
- 活动报名截止:文本按钮显示’报名已截止‘;
- 未支付成功===未报名,文本按钮显示‘立即报名’,点击立即报名跳转至活动报名页面;
- 支付成功,文本按钮显示‘查看报名详情’,点击我的报名跳转至报名详情页面;
- 一个账号针对一个活动报名成功后就不能再次报名;退款通过后可再次报名。
3.1.2 报名界面
报名详情界面展示的内容:
- 活动标题、完整展示,自适应高度;
- 活动规则按钮:点击按钮,从底部弹出规则弹窗
- 报名截止倒计时:精确到秒;
- 活动时间:精确到秒;
- 活动地址:精确到门牌号,可2行文本展示;
- 联系人:展示报名信息时候的联系人;
- 报名人联系电话:展示用户报名信息时候的联系电话;
- 总金额:报名成功的时候,总金额=报名人数报名费;报名失败,文本显示‘待支付金额’,待支付金额=报名人数报名费;
- 支付方式:默认选中用户选择的支付方式,可修改,支付失败的时候展示,参考UI设计图;
- 备注:如果在报名的时候有填写备注,则详情页面进行展示,如未填写内容,则备注栏不进行展示;
- 底部按钮展示‘修改订单’,‘退款’
- 点击修改订单,跳转到修改订单页面;
- 点击退款弹出弹窗;
提交按钮:
- 未完整输入信息或者报名倒计时走完后,提交按钮都为disable状态;
- 报名倒计时走完后,提交按钮都为disable状态,文本显示“报名已截止”;
- 点击提交,打开支付选择支付方式界面进行支付;
- 支付成功后,点击返回,返回进入到报名详情界面;
- 支付未成功或者未支付,返回进入到活动报名页面,且把用户填写的信息回填到报名页面;
退款逻辑:
- 退款分两种情况:全员退、不退;
- 创建活动的时候,后台设置天数,如后台设置的天数为5天,那么5天之前全额退款,退款按钮可点击进入到退款弹框页面,如在5天之内就不可退款,灰度显示‘退款’按钮,点击文本提示‘已过退款时间’; 例如:活动开始时间是2021-09-04 10:00,后台设置的退款天数为3天,报名费是10元,报名人数10人,那么在2021-09-01 10:00之前全额退款10*10=100元,之后就不退;
3.1.2.1 活动规则弹窗
3.1.3 报名详情
-
点击“查看报名详情”按钮或者报名成功后,进入该界面;
-
展示内容:活动标题,活动规则,活动总报名人数、报名截止时间、活动开始时间、活动结束时间、我的报名信息,退款按钮;
-
点击退款按钮,弹出退款弹窗
-
选择退款原因,退款原因由运营提供,默认为空,该选项为必填项;
-
备注:回填用户的备注,如没有备注,则不展示;
-
未选择退款原因,提交为disable状态;
-
点击提交后,弹窗消失,报名详情界面的退款按钮变为“退款中”,并且变为disable状态;
-
此时后台收到一条退款的请求,需工作人员审核;
-
若审核通过,则用户交的钱原路返还;并且该用户针对该活动变为未报名的状态,可以重新报名;
-
若驳回审核,则用户还是处于报名的状态;
-
若驳回审核,操作按钮显示‘重新申请’,用户可以再次发起申请,前端界面对应地方显示失败原因;
- 报名截止日期参照原型;
- 活动开始时间:精确到秒;
- 活动结束时间:精确到秒;
- 活动地址:可2行文本展示;
- 报名人数:展示用户提交的报名人数;
- 联系人:展示报名信息时候的联系人;
- 报名人联系电话:展示用户报名信息时候的联系电话;
- 总金额:报名成功的时候,总金额=报名人数报名费;报名失败,文本显示‘待支付金额’,待支付金额=报名人数报名费;
- 支付方式:默认选中用户选择的支付方式,可修改,支付失败的时候展示,参考UI设计图;
- 备注:如果在报名的时候有填写备注,则详情页面进行展示,如未填写内容,则备注栏不进行展示;
- 底部按钮展示‘修改订单’,‘退款’
- 点击修改订单,跳转到修改订单页面;
- 点击退款弹出弹窗;
退款逻辑:
- 退款分两种情况:全员退、不退;
- 创建活动的时候,后台设置天数,如后台设置的天数为5天,那么5天之前全额退款,退款按钮可点击进入到退款弹框页面,如在5天之内就不可退款,灰度显示‘退款’按钮,点击文本提示‘已过退款时间’; 例如:活动开始时间是2021-09-04 10:00,后台设置的退款天数为3天,报名费是10元,报名人数10人,那么在2021-09-01 10:00之前全额退款10*10=100元,之后就不退;
3.1.4 订单修改页面
- 回显报名活动的信息,但联系人、联系电话、备注可以进行修改;
- 活动报名截止不能修改订单;
- 如没有对页面内容进行修改,‘提交’按钮灰度显示,点击文本提示‘修改后再提交’,反之高亮展示;
3.1.4.1 退款原因
- 退款内容:
- 请选择退款原因;
- 下错订单;
- 报名费用不划算;
- 电话/支付方式选错;
- 临时有事;
- 其他原因;
- 如果用户选择其他原因,则在备注栏进行填写其他原因内容,为必填项;
- 如果用户选择的非其他原因,则备注栏为非必填项;
3.1.4.2 退款详情
- 展示退款详情信息,当前页面用户不可修改;
- 如果后台审核通过则展示‘已退款’,还没审核展示‘退款中’,后台审核失败展示‘退款失败’;
- 退款方式:原路返回,用户之前选择的是微信则展示微信,如支付宝则展示支付宝;
- 退款/其他原因:展示用户退款时填写的原因;
- 如退款原因为其他原因则展示‘其他原因’及内容;
3.2 文章
- 按照文章发布时间倒序排列;
- 默认加载10条数据,上拉刷新自动加载;
- 点击该区域进入文章详情页面;
- 所有文章及资讯暂时是不允许用户发布,全部由后台管理员发布。
3.2.1 文章详情
- 内容展示:文章标题、发布人员、发布时间、文章图片、文章简述;
- 点赞:文章点赞人数统计,点赞后红心高亮,且数字加1,反之相反,1个用户操作1次;
- 收藏:文章收藏人数统计,收藏后图标高亮,且数量加1,反之相反,1个用户操作1次;
3.3 视频
- 默认加载10条数据,上拉刷新动态加载,按照后台的排序大小进行渲染;
- 显示全网所有短视频,暂不做地区性或其他限制;
- 短视频列表前面几个短视频置顶推荐的功能【待定,后期迭代功能】;
3.3.1 基本信息
- 视频标题;
- 发布者昵称(用户的昵称/官方推荐);
- 点赞数(支持点赞或取消点赞,1个用户操作1次);
3.3.2 视频播放详情页面
- 短视频播放支持上滑/下滑进行切换短视频,当自动或手动切换到第1个或最后1个时,给与弹窗提醒(参考图);
- 当前短视频播放结束前5秒,给与提醒即将开始自动播放下一个短视频(参考图) 基础信息
- 用户头像
- 点赞数(每用户可点赞或取消点赞1次);
- 评论数(权限可见用户支持交叉评论);
- 分享(微信、朋友圈);
- 视频标题(最多显示30个中文字);
- 视频描述(最多显示50个中文字); 分享落地
- 选中分享的渠道,进行授权后直接进入微信页面,进行分享(分享格式:标题+描述+公司)