Mini_Program/static/tabbar

底部导航栏图标文件

需要的图标文件

请在此目录下放置以下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