微信小程序图标说明

问题说明

微信小程序的 tabBar 图标只支持 .png、.jpg、.jpeg 格式，不支持 SVG 格式。

解决方案

我已经创建了一个图标生成器页面：../generate-icons.html

使用步骤

1. 在浏览器中打开 ../generate-icons.html 文件
2. 页面会自动生成6个图标的预览
3. 点击每个图标下方的"下载"按钮，保存对应的PNG文件
4. 将下载的文件重命名并放置到当前目录（images/）下：

• home.png - 首页图标（未选中）
• home-active.png - 首页图标（选中）
• message.png - 消息图标（未选中）
• message-active.png - 消息图标（选中）
• profile.png - 我的图标（未选中）
• profile-active.png - 我的图标（选中）

图标规格

• 尺寸：81x81 像素
• 格式：PNG
• 未选中状态颜色：#999999
• 选中状态颜色：#007aff

注意事项

• 确保文件名与 app.json 中配置的路径完全一致
• 图标文件必须放在 images/ 目录下
• 完成后可以删除此说明文件和 generate-icons.html

当前需要的文件

images/
├── home.png
├── home-active.png
├── message.png
├── message-active.png
├── profile.png
└── profile-active.png