仪表盘

Dashboard

布局模式也叫：数据概览、控制台首页、数据驾驶舱、工作台

一句话：在一屏内用指标卡、图表和简短列表汇总多组不同的关键数据，让人几秒内看出整体状况和异常。

详细解释

仪表盘是后台系统里最常见的首页形式：顶部一排指标卡，显示「今日订单 1,280」「销售额 ¥ 56,000」这类关键数字和涨跌幅；下面是折线图、柱状图、饼图，展示趋势和占比；再往下可能是「最新订单」「待办事项」这样的短列表。

它的目标是「一眼看懂」：打开页面几秒内就知道业务是否正常、哪里需要关注。所以每个模块只放最重要的信息，细节通过点击跳到对应的数据表或详情页查看。

布局上一般用网格把页面分成大小不同的卡片，重要的图表占更大的格子。它和卡片网格的区别是：仪表盘里每张卡片内容各不相同，是异质的；卡片网格里每张卡片结构一样，是同一类数据的多条记录。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

做一个仪表盘（Dashboard）首页：第一行放 4 个指标卡，每个显示指标名、大号数字和较昨日涨跌百分比；第二行左边 2/3 宽放近 30 天趋势折线图，右边 1/3 放渠道占比饼图；第三行放「最新订单」短列表，只显示 5 条并带「查看全部」链接。用 12 列网格排版，卡片白底、间距 16px。

顶部一排指标卡，下方是大小不一的图表卡片和短列表卡片，按网格拼成几行；重要模块占更大的格子。