模拟手机项目介绍
項目介紹
- 簡介
- 界面展示
- 功能介紹
- 按鍵
- 詳細界面及功能
簡介
該項目使用vue+vuex+vue-router+axios，模擬手機的部分功能。
項目地址： https://github.com/patrickli147/phone
在線預覽
項目持續開發中……
界面展示
功能介紹
按鍵
- 按鍵說明
-
鎖屏鍵
- 開機狀態下，按下按鍵可以進行解鎖/鎖定操作
- 長按按鈕2s以上，會進行開/關機操作
-
home鍵
- 解鎖后點擊home會返回桌面
- 喚起解鎖時，點擊home會彈出解鎖密碼界面
-
詳細界面及功能
-
桌面
桌面包含各個實際的應用，點擊各個應用的圖標跳轉到具體應用。
-
鎖屏
-
鎖屏黑屏
僅供展示鎖屏狀態。
-
解鎖
輸入正確密碼可解鎖。
-
-
開機
長按開關機按鍵2s，可進行開關機。-
關機提示
-
開機動畫
-
-
各個應用（更新中……）
-
相機
需要您同意瀏覽器使用攝像頭。
-
照片
相簿里第一個相冊（相機膠卷）與相機應用拍攝的照片互通。其余相簿數據均使用mock.js隨機產生。
按下鼠標可以左右拖動中部相簿區域。點擊任意一個相簿可以查看相簿內的照片。
點擊單張照片可查看照片。
按下鼠標左右拖動可以切換圖片。點擊下方小圖可跳轉到對應圖片。
長按圖片后可拖動圖片，背景opacity隨移動距離變化。
左下分享與右上編輯暫時無法使用。其余（刪除，批量選擇，添加相簿等）可正常使用。
-
日歷
可上下滾動查看不同月份。點擊今天跳轉到使用時所在日期。點擊上方年份彈出選擇框選擇年份。
-
計算器
輸入數據進行計算。
-
游戲
點擊開始游戲進入游戲。
點擊下方規則查看游戲規則。 -
uns
-
搜索
-
首頁
點擊首頁的照片可跳轉到單張照片詳情。 -
專輯
點擊其中的某個專輯可跳轉到專輯詳情。 -
單張專輯
點擊用戶名可跳轉到用戶詳情（by 后面的名字）。 -
單個用戶
-
單張照片
點擊用戶名可跳轉到用戶詳情（by 后面的名字）。
點擊左/右圖標可進行圖片切換。
-
-
總結
- 上一篇： 阶段一学习报告
- 下一篇： CascadingStyleSheets