1. 程式人生 > >Lifeline功能介紹01——日歷及時間軸的查看

Lifeline功能介紹01——日歷及時間軸的查看

圖1 列表顯示 課堂 下拉 body 支持 image lin png

  “Lifeline功能介紹”系列博客主要介紹目前為止已經實現的網站功能,包括:日歷及時間軸的查看、個人事件的添加、課堂信息的查詢等。

本篇介紹——日歷及時間軸的查看

#用戶登陸後會進入主頁界面,為日歷上對事件的動態顯示,如圖1

技術分享圖片

圖1

在日歷上已經過去的事項會顯示為灰色,未結束的事件為彩色;而且可以通過右下角的下拉選項切換多種語言的日歷風格。

#點擊右上角的選項,可以將日歷模式的顯示,切換為列表顯示,如圖2

技術分享圖片

圖2

此界面同樣支持事件的動態顯示和多種語言風格的切換。

#點擊日歷或者列表中的時間,會顯示時間軸界面,如圖3

技術分享圖片

圖3

可見,在時間軸上,未完成的事件按照時間的先後順序自上而下排列。

#點擊圖3界面上方的“歷史”按鈕,可以查看已經結束的歷史事件,如圖4

技術分享圖片

圖4

在歷史事件界面上,所有已經結束的事件按照時間上由近到遠的順序自上而下的排列。

Lifeline功能介紹01——日歷及時間軸的查看