# 界面预览截图

首页「界面预览」区块从这里取图。补图时**只改 `data/content.ts` 里的 `file` 字段**，不用动组件。

## 命名约定

```
pages/public/screenshots/
├── web-dashboard.png        # 管理端工作台（首屏大图）
├── web-cards.png            # 卡信息列表
├── web-business.png         # 业务受理
├── web-packages.png         # 套餐与定价
├── web-channels.png         # 通道管理
├── web-org.png              # 企业与权限
├── app-home.png             # 用户端首页
├── app-card-detail.png      # 卡片详情
├── app-business.png         # 业务办理
└── app-diagnosis.png        # 智能诊断
```

## 规格

| 项 | 建议 |
| --- | --- |
| Web 端尺寸 | 1600 × 1000（16:10） |
| 小程序端尺寸 | 750 × 1334（9:16） |
| 单张体积 | 400 KB 以内，PNG 或 WebP |
| 内容 | 用演示数据，不要出现真实客户名、真实 ICCID、真实手机号 |
| 敏感信息 | 账号、口令、密钥片段一律打码 |

## 补图步骤

1. 把图片放进本目录，按上面约定命名
2. 打开 `data/content.ts`，找到 `previewShots`，把对应条目的 `file` 从 `''` 改成文件名
3. 保存，页面自动从占位框切换成真实截图

`file` 留空时页面显示带图注的占位框，不会报错，也不影响构建。