码迷,mamicode.com
首页 > 其他好文 > 详细

Lifeline功能介绍01——日历及时间轴的查看

时间:2018-02-26 13:34:06      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:显示   查看   个人   post   gpo   完成   实现   com   图片   

  “Lifeline功能介绍”系列博客主要介绍目前为止已经实现的网站功能,包括:日历及时间轴的查看、个人事件的添加、课堂信息的查询等。

本篇介绍——日历及时间轴的查看

#用户登陆后会进入主页界面,为日历上对事件的动态显示,如图1

 技术分享图片

图1

         在日历上已经过去的事项会显示为灰色,未结束的事件为彩色;而且可以通过右下角的下拉选项切换多种语言的日历风格。

 

#点击右上角的选项,可以将日历模式的显示,切换为列表显示,如图2

 技术分享图片

图2

         此界面同样支持事件的动态显示和多种语言风格的切换。

 

#点击日历或者列表中的时间,会显示时间轴界面,如图3

 技术分享图片

图3

         可见,在时间轴上,未完成的事件按照时间的先后顺序自上而下排列。

 

#点击图3界面上方的“历史”按钮,可以查看已经结束的历史事件,如图4

 技术分享图片

图4

         在历史事件界面上,所有已经结束的事件按照时间上由近到远的顺序自上而下的排列。

Lifeline功能介绍01——日历及时间轴的查看

标签:显示   查看   个人   post   gpo   完成   实现   com   图片   

原文地址:https://www.cnblogs.com/BlueWhales/p/8472487.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!