---
# System prepended metadata

title: Line APP 即時預訂(以分計價)前端架構

---

# Line APP 即時預訂(以分計價)前端架構
## 功能切分

* 地圖
    * cluster
    * popup
    * list (向上滑動 半版->滿版
    * QRcode 掃碼
        * https://github.com/mebjas/html5-qrcode
    * 原地圖參考![](https://i.imgur.com/XJBpHtb.png)

* 電話亭內容
    * 詳細資訊
        * 顯示設備詳細資訊
        * 使用規範
    * 預定付款
        * 付款頁
* 使用中
    * 使用中頁面
    * 結束租用popup
    * 租用紀錄

## 困難點
不熟悉手機操作項目
嵌入QRcode掃碼

## 問題
* 從會員頁檢視所有紀錄時其他紀錄(時租)的顯示樣式?(應該一樣)
* 即時租用就沒辦法預借了 是嘛? 還是分流透過網頁操作?