組合器

左邊切產業、選場景, 右邊即時預覽組合後的應用。URL 本身就是組合定義, 可分享 / 書籤。

物流配送 · 即時組裝應用
4 個場景 · 共用同一份 包裹資料
空狀態引導 · empty-state

還沒有任何 包裹

建立第一筆 包裹 來啟動您的 配送流程。 系統會自動把它放進對應狀態, 並通知收件人

需要靈感?範例 1範例 2範例 3
多步驟表單 · form-wizard
建立包裹
步驟 2 / 3
選擇收件人填寫包裹資訊確認與送出
包裹 #77301
_________
指令搜尋 · command-search
ESC
最近 包裹
pk-77301包裹 #77301
pk-77302包裹 #77302
pk-77303包裹 #77303
快速動作
建立包裹⌘N
開啟包裹追蹤⌘L
查看倉配概況⌘D
切換配送流程視圖⌘B
地圖視圖 · map-view
地圖視圖 · 包裹追蹤
6包裹在視野內
⊕ 放大⊖ 縮小
pk-77301
pk-77302
pk-77303
pk-77304
pk-77305
pk-77306
  • pk-77301運送中
    包裹 #77301
    台北市內湖 → 新竹東區
  • pk-77302集散中心
    包裹 #77302
    台中南屯 → 台南永康
  • pk-77303已取件
    包裹 #77303
    高雄鳳山 → 高雄左營
  • pk-77304已送達
    包裹 #77304
    台北信義 → 台北大安
  • pk-77305運送中
    包裹 #77305
    桃園中壢 → 新北板橋
  • pk-77306集散中心
    包裹 #77306
    彰化員林 → 雲林斗六