Uninote
Uninote
用户根目录
产品文档
官网3.0

全局说明

  • 姓名:仅支持中英文,最多展示10个字符;
  • 电话号码:号码有效性验证,仅支持11位数字;
  • 身份证号码:有效的身份证号码,长度18位,只支持数字和英文字母“X”;
  • 年龄:仅支持2位数字;

需求变更注意

2021-6-18 - 与需求文档不一致的地方,以此为准

原型

一、前端

  • 首页将老人朋友圈修改为老人天地

  • 点击首页的“老人天地”按钮,进入老人天地界面

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个中文字); 分享落地
  • 选中分享的渠道,进行授权后直接进入微信页面,进行分享(分享格式:标题+描述+公司)

P1-2城市选择切换

P1-4养老服务

点赞(0) 阅读(1) 举报
目录
标题