# 微信小程序图标说明 ## 问题说明 微信小程序的 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 ```