Dai0814
ccb3f5e39a
mirror-to-gitee / mirror (push) Successful in 4s
用户反馈首页缺产品功能、核心能力与界面预览，且没有官方文档入口。 新增区块 - 产品功能：三条产品线（iotLCM / 秀杰 DTU / XiuAdmin）， 每条列 6 项能力，卡片底部直达详情页 - 核心能力：8 张带标签的卡片，讲工程层面的硬指标 （部署、接入、开放、治理、韧性、交付、数据、维护）， 与"产品功能"区分开：前者是做什么，后者是凭什么能用住 - 界面预览：ScreenshotPreview 组件，Web 管理端 / 小程序端两组标签切换， 首屏大图 + 缩略图条，带浏览器窗口装饰 - 官方文档：6 个入口卡片（文档中心、Web 手册、小程序手册、部署手册、 OpenAPI 合同、门户部署说明），外链自动加 target=_blank 界面预览的占位机制 - previewShots 里 file 留空时渲染带图注的占位框，不报错、不影响构建 - 补图只改 file 字段，组件无需改动 - 新增 pages/public/screenshots/README.md 写清命名、尺寸、脱敏要求 导航 - 增加产品功能、核心能力、界面预览、官方文档四个锚点项 - 窄屏（≤860px）隐藏中间三个锚点项，避免挤压 验证 - 构建 13 页，208 条引用 0 失效 - 浏览器实测：7 个导航项、5 个 section 锚点齐全 - 移动端 390px 无横向溢出 - 文档站 5 个外链地址均实测 200 可达
38 lines
1.4 KiB
Markdown
38 lines
1.4 KiB
Markdown
# 界面预览截图
|
||
|
||
首页「界面预览」区块从这里取图。补图时**只改 `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` 留空时页面显示带图注的占位框，不会报错，也不影响构建。
|