一个优美、轻量、可直接上线的组件面板
这个页面只使用原生 HTML 和 CSS，没有框架、没有额外请求、没有脚本依赖，适合尽量降低服务器压力的静态部署场景。
基础组件
按钮、标签、输入框、文本域
Button
Input
Badge
在线
低功耗
开关与状态
纯视觉组件，无脚本绑定
启用缓存
适合静态资源托管
压缩传输
减少带宽与响应体积
实时数据
关闭后更适合低资源环境
统计卡片
适合概览信息
12 ms
平均首屏响应目标
1 文件
默认单页静态交付
低维护
无依赖升级压力
任务列表
带状态徽章
静态化首页
完成
减少运行时模板渲染
启用浏览器缓存
建议
减轻重复请求压力
拆分大图资源
待处理
进一步控制首屏体积
价格卡片
适合套餐或方案展示
Basic
Free
单页面板，适合演示或静态站。
Lite
Low
兼顾观感与资源占用，推荐默认方案。
Pro
Flex
适合后续接入更多交互逻辑。
数据表格
纯静态展示也能保持清晰层次
| 组件 | 用途 | 资源消耗 | 建议 |
|---|---|---|---|
| 按钮 | 主操作与引导 | 低 | 保留 |
| 表单 | 信息收集 | 低 | 按需启用提交逻辑 |
| 动态图表 | 实时可视化 | 中到高 | 若追求省资源可先不接入 |
| 状态卡片 | 摘要信息 | 低 | 推荐作为首屏重点 |