S-45 Parental Lock Modal

學生端登入與設定設計規格P1 起

P1 版本

畫面用途

保護兒童不應自行修改的設定。從 S-40 點擊 Child Lock 後輸入代碼，通過才切換到 unlocked 視圖。現稿為九位數，代碼建立、重設、失敗限制與解鎖時效待安全方案確認；輸入代碼不等同已證明成人或家長身分。

5952:758 ↗overlaylock · 5952:758 🔗 ↗locked overlay · 5964:1165 🔗 ↗在系統地圖中查看關係 ↗

閱讀完整規格 ↓

變化時間線

1. P1新增 +1移除 −0

第一版式樣草案 · Markdown 來源：02-App畫面-學生.mdGitHub 版本尚未推送；目前以本機手冊為準

取圖紀錄： QL APP，2026-10-18，版本 2410774734466577464；節點 5952:758 。學生 2x／Web 1x。圖片是目前設計稿，文字為 APlus 首版目標規格。

家長鎖驗證彈窗

🎨 Figma: overlay_lock · 5952:758 🔗 · locked overlay · 5964:1165 🔗

🎯 功能定位

保護兒童不應自行修改的設定。從 S-40 點擊 Child Lock 後輸入代碼，通過才切換到 unlocked 視圖。現稿為九位數，代碼建立、重設、失敗限制與解鎖時效待安全方案確認；輸入代碼不等同已證明成人或家長身分。

🧱 畫面結構

• Modal Header：鎖頭圖示、Parent lock、Enter the 9-digit code
• Keypad：數字按鍵輸入，顯示圓點遮罩
• Feedback：錯誤提示與剩餘嘗試次數；連續失敗後短暫鎖定
• Success：返回 S-40 並維持本次 session 的 unlocked 狀態
• Cancel：關閉彈窗，保留 locked 視圖

📦 區塊說明

#	區塊	元件	行為/交互	狀態	備註
1	Identity	Parent lock	說明需要家長驗證	Static	不展示明文密碼
2	Input	9-digit keypad	輸入並即時遮罩	Focus / Error	只允許數字
3	Feedback	Error / Attempts	顯示剩餘次數與冷卻	Error / Locked out	失敗次數由安全服務端配置
4	Action	Cancel / Verify	關閉或驗證	Normal / Loading	驗證成功回 S-40 unlocked

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
Idle	開啟彈窗	輸入框空白、Verify 禁用
Typing	輸入 1–9 位數字	圓點遮罩、顯示刪除鍵
Error	密碼不符	橙色提示、剩餘次數減一
Locked out	連續錯誤達上限	禁用鍵盤並顯示冷卻時間
Verified	密碼正確	關閉彈窗、S-40 切換 unlocked

---