# 共性能力平台 Tab 图标导出包

| 属性 | 内容 |
| --- | --- |
| 版本 | v1.0 |
| 导出日期 | 2026-05-20 |
| 来源 | `src/pages/index/assets/icon/*.svg`（与 Tab 效果图一致） |
| 说明 | 不含错误的 `home-*-icon.png` 首页素材 |

## 图标清单（见 manifest.json）

| 序号 | 中文名 | 文件名前缀 | 图案 |
| --- | --- | --- | --- |
| 01 | 碳核算平台 | `01-carbon-accounting` | 立体线框六边形 |
| 02 | 碳认证机构 | `02-carbon-certification` | 盾牌 + 勾 |
| 03 | 碳交易平台 | `03-carbon-trading` | 日历/交易 |
| 04 | 碳金融服务 | `04-carbon-finance` | 钱袋 + ¥ |
| 05 | 碳技术咨询 | `05-carbon-consulting` | 公文包/文档 |

## 目录结构

```
gxnlpt-tab-icons-export/
├── manifest.json           # 中英文名称对照
├── svg/                    # 默认态 #666666，24×24
├── png/24px|48px|96px/     # 灰色 PNG（未选中 Tab）
├── png-white/24px|48px|96px/  # 白色 PNG（选中 Tab）
├── source-from-project/    # 工程原始 thspt.svg 等 5 个文件
└── README.md
```

## 使用建议

- **给设计/外包**：优先发 `svg/` 矢量源文件。
- **给前端嵌入**：Tab 未选中用 `png/24px/`，选中用 `png-white/24px/` 或 CSS `filter: brightness(0) invert(1)` 处理灰色 SVG。
- **工程内原始路径**：`txw-mhzc-web/src/pages/index/assets/icon/thspt.svg` 等 5 个文件。

## 颜色规范

| 状态 | 填充色 | 对应目录 |
| --- | --- | --- |
| 未选中 | `#666666` | `svg/`、`png/` |
| 选中（绿底 Tab） | `#FFFFFF` | `png-white/` |