44 lines
1.6 KiB
Markdown
44 lines
1.6 KiB
Markdown
# 共性能力平台 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/` |
|