# 底部导航栏图标文件 ## 需要的图标文件 请在此目录下放置以下8个PNG图标文件: ### 1. 电子书图标 - `book.png` - 未选中状态(灰色 #999999) - `book-active.png` - 选中状态(蓝色 #4FC3F7) **图标设计建议**: - 📖 打开的书本 - 📚 书籍堆叠 - 📄 文档图标 ### 2. 听书图标 - `listen.png` - 未选中状态(灰色 #999999) - `listen-active.png` - 选中状态(蓝色 #4FC3F7) **图标设计建议**: - 🎧 耳机图标 - 🔊 音频波形 - 🎵 音乐符号 ### 3. 书架图标 - `bookshelf.png` - 未选中状态(灰色 #999999) - `bookshelf-active.png` - 选中状态(蓝色 #4FC3F7) **图标设计建议**: - 📚 书架 - 📖 书堆 - 📑 文件夹 ### 4. 我的图标 - `profile.png` - 未选中状态(灰色 #999999) - `profile-active.png` - 选中状态(蓝色 #4FC3F7) **图标设计建议**: - 👤 用户头像轮廓 - 👥 个人中心 - ⚙️ 设置齿轮(可选) ## 图标规格 - **尺寸**: 81x81px(推荐) - **格式**: PNG - **背景**: 透明 - **风格**: 线条简洁,现代扁平化风格 ## 快速获取图标 ### 方法1: 使用 IconFont 1. 访问 https://www.iconfont.cn/ 2. 搜索对应关键词 3. 下载PNG格式,81x81尺寸 4. 使用图片编辑工具调整颜色 ### 方法2: 使用 Icons8 1. 访问 https://icons8.com/ 2. 搜索对应图标 3. 选择"线条"或"填充"风格 4. 下载PNG格式 ### 方法3: 使用 Figma/Sketch 1. 使用设计工具绘制图标 2. 导出为PNG格式 3. 确保尺寸为81x81px ## 颜色调整 如果下载的图标是其他颜色,可以使用以下工具调整: - Photoshop - GIMP(免费) - 在线工具:https://www.photopea.com/ 将颜色调整为: - 未选中:#999999 - 选中:#4FC3F7