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