M Desk

餐廳後台 · Vimercate

Mumi Sushi 背後的後台做成模版：概覽頁有當日數據、30 天營業額曲線可變形到 7 天、通路佔比與時段分布；訂單看板每張卡都能往下一狀態推；菜單用店裡真實的菜、價格和照片，「售罄」按鈕真的能點。六種側邊欄，同一套內容。

懸浮島M Desk深色重底M Desk磨砂玻璃M Desk雙層圖示軌M Desk摺疊展開M Desk分組收口M Desk

整頁打開 ↗

懸浮島 · 側欄不貼螢幕邊緣：四周留 16px、圓角 20、底下一層很淡的陰影，後台那種呆板感一下就散了。

裡面有什麼

• Overview: KPI cards, 30↔7-day revenue line that morphs on the same points, channel donut with push-out, orders-per-hour bars, top dishes, latest orders
• Order board: channel badge with the platform’s own code, status filters, one-tap advance to the next status, reprint
• Menu: category chips, search, real dishes/prices/photos from the live menu, sold-out toggle
• Six sidebar systems: floating panel, dark rail, glass rail, rail + panel (second level filters the screen), hover expand, grouped nav with pinned user area
• Mobile: sidebar becomes a drawer; rail + panel collapses in two steps

店名、地址、價格與聯絡方式均為虛構的演示內容。

想給自己的店做一個這樣的網站？寫信到 ayylchyql@gmail.com