# 图标文件说明 当前使用的图标已下载到本地,原始资源来自 `enum/commonEnum.js` 中定义的远程资源: ## 首页图标 - 未选中:`home.png` (原URL: https://api.ccttiot.com/image-1754981938495.png) - 选中:`home-active.png` (原URL: https://api.ccttiot.com/image-1754981895711.png) ## 租赁图标 - 未选中:`rent.png` (原URL: https://api.ccttiot.com/image-1754981988082.png) - 选中:`rent-active.png` (原URL: https://api.ccttiot.com/image-1754986634575.png) ## 个人中心图标 - 未选中:`profile.png` (原URL: https://api.ccttiot.com/image-1754986718771.png) - 选中:`profile-active.png` (原URL: https://api.ccttiot.com/image-1754986763842.png) ## 图标配置 - 未选中颜色:`#999999` - 选中颜色:`#ff6b6b` - 背景色:`#ffffff` - 边框样式:`white` - 高度:`60px` - 字体大小:`12px` - 图标尺寸:`24px x 24px` - 间距:`4px` ## 相关文件 - `pages.json` - tabBar配置 - `enum/commonEnum.js` - 图标资源定义 - `download-icons.js` - 图标下载脚本 - `static/css/tabbar.css` - 自定义tabBar样式 - `App.vue` - 全局样式引入 ## 注意事项 - 微信小程序不支持在tabBar中使用网络图片 - 图标已下载到本地 `static/icons/` 目录 - 如需更新图标,请重新运行 `download-icons.js` 脚本