个人空间日程
日程范围:
沙龙
个人报名参加的沙龙
上课吧
http://g.fp.ps.netease.com/km/file/57ea307096dee4c10ecb61dejxWi8QiJ个人报名参加的上课吧
丢外
墙外墙外d
圈外墙外
墙外去外墙外
团建活动(暂时不做)
个人报名参加的团建活动
易播直播
个人订阅的直播
页面层级
个人空间预览页(入口)
个人日历内页
月视图
详情浮窗
日程图
事项类型
沙龙
标题、开始时间、结束时间、上课地点、详情地址
上课吧
标题、开始时间、结束时间、上课地点、详情地址
直播
标题、所在频道、开始时间、结束时间、详情地址
团建活动(暂时不做)
功能实现
个人空间预览页
在个人空间侧边栏展示,显示为本周日程。
按周一至周日显示用户的日程,并在后面显示相关日程,无日程则只显示星期,若本周内无任何日程则显示空白页。
当天日期高亮显示。
展示逻辑
显示规则:时间+日程标识+日程名称。
交互逻辑
点击箭头,进入到月视图
月视图
展示逻辑:
月视图上每天最多显示三条日程,多于三条则显示为"...",还有n条日程。
默认显示日程的时间+日程名称,如果是全天日程则显示为全天+日程名称。
如果是跨天日程,则显示为日程名称,颜色条覆盖到结束日程。
不同日程类型显示不同颜色(配色UX提供,与个人空间资源统计一致):
沙龙
上课吧
直播
活动
本月当天高亮显示。
交互逻辑:
若点击日程表按钮,则进入日程表视图。 若点击事件,则弹出详情浮窗。
日程表
展示逻辑:
在本月内,以天为单位展示当月每天的日程。
本模式和月视图的区别是,并不突出日程事项和日期、星期的关系,而是突出上下时间顺序上的关系。
指定月份中有日程的日子,都会列在表格中,指明所在的月份+日期+星期。无日程的日子,不会展示。
每日的日程默认收缩,点击则展开详情,显示该日程下所有的详情字段。
跨天的日程,后面加上“跨天”的标记。
今日的日程,高亮展示,并增加“今天”的标记。 如某日日程为空,则不展示当天。
详情浮窗
在月视图点击日程,则弹出日程详情页。
沙龙日程:依次显示 标题、日程类型、开始时间、结束时间、上课地点、详情URL
上课吧日程:依次显示 标题、日程类型、开始时间、结束时间、上课地点、详情URL
直播日程:标题、日程类型、开始时间、结束时间、所在频道、详情URL
活动日程:(待补充)
详情URL点击可直接跳转