首页 Appendix 区域:数据库原理之后的卡片图标重复(均为 📚)

#136 · closed · 1 comments

View on GitHub ↗

GeoDaoyu

## 问题描述 首页最下方的 **Appendix · 附录** 横向卡片区,前 8 张卡片(AI 进化史、提示词工程、大语言模型、Agent 智能体、前端基础、前端进化史、后端架构、后端语言)各有不同的 emoji 图标;但从第 9 张「数据库原理」开始,后面的「API 设计」「Git 版本控制」「计算机网络」**全部显示为同一个 📚 图标**,视觉上重复、与卡片词意不符。 ## 原因定位 `docs/.vitepress/theme/components/home/HomeAppendix.vue` 中,图标是按卡片下标从固定数组取的: ```js ['🤖', '🧠', '🎨', '🚀', '⚙️', '💾', '🛠️', '🌐'][index] || '📚' ``` 该数组只有 8 个图标,而附录卡片共有 12 张,下标 8~11 的卡片(数据库原理、API 设计、Git 版本控制、计算机网络)全部落入 `'📚'` 兜底,导致图标重复。 ## 期望 为每张附录卡片配置一个**贴合词意且不重复**的图标(例如:数据库原理 🗄️、API 设计 🔌、Git 版本控制 🌿、计算机网络 🌐 等),并对所有语言(zh-cn / en 12 张卡片,其他语言 4 张卡片)生效。 ## 环境 - 页面:首页 `Appendix · 附录` 区域 - 组件:`docs/.vitepress/theme/components/home/HomeAppendix.vue` - 数据源:`docs/.vitepress/theme/components/home/HomeI18n.js`

Comments

GeoDaoyu

<img width="1535" height="564" alt="Image" src="https://github.com/user-attachments/assets/c329b2f0-d6da-4a0d-82ec-70484efa9f66" />